jQuery 스크롤을 수정하십시오

Question

페이지 ID로 링크를 클릭 한 후 스크롤해야합니다 (#Link로하자).

여기 내 코드가 있습니다 작동하지 않습니다:

$(document).ready(function(){
    $("#link").click(function () { 
        $(this).animate({ scrollTop: 2000 }, 'slow'); 
    });
});

하지만 이것은 작동합니다, 페이지가로드 된 후 천천히 페이지 하단으로 스크롤합니다.

$(document).ready(function() {
    $('html, body').animate({ scrollTop: 6000 }, 'slow'); 
});

신체의 높이는 6000px입니다.

Answer 1

첫 번째 예에서는 스크롤 할 실제 링크 요소의 스크롤 탑을 설정합니다. (오버플로 없음)

$(document).ready(function(){
    $("#link").click(function () { 
        $("body").animate({ scrollTop: 2000 }, 'slow'); 
    });
});

그녀는 꽤 좋은 설명입니다 https://developer.mozilla.org/en/dom/element.scrolltop

Answer 2

링크가 될 '이'에 애니메이션을 시도하는 것처럼 보입니다!

대신 $ (창)을 시도해야합니다! 아니면 문서화 할 수도 있습니다. 죄송합니다. 확실하지 않습니다!

Answer 3

$ ( 'html, body')를 시도하십시오. 모든 브라우저를 지원하기 위해 애니메이션