이전 목록 다음

탑메뉴질문이여...

이인혁

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-12-15 (금) 14:53:57 2,466

http://coraldental.co.kr

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

코딩

답변 2개 / 댓글 4개

nanati

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-12-15 (금) 15:51:14

Copy

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

마르스컴퍼니

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2017-12-15 (금) 14:56:57

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

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

(예제)

Copy

<a href="#intro"> 인트로 영역으로 </a> <br>

<a href="#bottom">하단으로</a>

 

 

....

 

<a name="intro"> 인트로 영역입니다.</a>

 

....

 

<a name="bottom"> 하단</a>