탑메뉴질문이여...

탑메뉴질문이여...

QA

탑메뉴질문이여...

본문

http://coraldental.co.kr

여기 탑메뉴들 누르면 천천히 내려가는데 어떤걸로 인해 작동되는건가요????

이 질문에 댓글 쓰기 :

답변 2

a 태그에 기본적으로 책갈피 기능이 있습니다.

 

클릭하면 같은 페이지 내에서 해당 영역으로 이동합니다.

 

(예제)


<a href="#intro"> 인트로 영역으로 </a> <br>
<a href="#bottom">하단으로</a>
 
 
....
 
<a name="intro"> 인트로 영역입니다.</a>
 
....
 
<a name="bottom"> 하단</a>

$(window).load(function() {
    $('a[href^="#"]').click(function () {
        var speed = 500;
        var href = $(this).attr("href");
        var target = $(href == "#" || href == "" ? 'html' : href);
        var position = target.offset().top;
        $("html, body").animate({
            scrollTop: position
        }, speed, "swing");
        return false;
    });
});

 

위 코드를 전 페이지에 적용하는 js에 기입해주시면 됩니다~

답변을 작성하시기 전에 로그인 해주세요.
전체 109
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT