탑메뉴질문이여...

탑메뉴질문이여...

QA

탑메뉴질문이여...

답변 2

본문

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에 기입해주시면 됩니다~

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 109
© SIRSOFT
현재 페이지 제일 처음으로