Исправлена ​​прокрутка jQuery

Question

Страница должна быть прокручена после нажатия на ссылку с идентификатором (пусть это будет #link).

Вот мой код, который не работает :

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

Но этот работает , после загрузки страницы он медленно прокручивается вниз страницы:

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

Высота тела 6000px.

Answer 1

В первом примере вы устанавливаете scrollTop фактического элемента ссылки, в котором нет ничего для прокрутки. (без переполнения)

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

Ее довольно хорошее объяснение https://developer.mozilla.org/En/DOM/Element.scrollTop

Answer 2

Похоже, вы пытаетесь оживить 'this', которое будет ссылкой!

Вместо этого вы должны попробовать $ (window) .animate! или, может быть, даже документ, извините, не уверен!

Answer 3

try $ ('html, body'). Animate для поддержки всех браузеров