Прокрутка jQuery В нижней части страницы

После того, как моя страница будет загружена. Я хочу, чтобы jQuery хорошо прокручивался до нижней части страницы, быстро анимация, а не щелчок/толчок.

Нужно ли мне для этого плагин, например ScrollTo? или это встроено в jQuery каким-то образом?

ОТВЕТЫ

Ответ 1

Вы можете просто анимировать прокрутку страницы, анимируя свойство scrollTop, не требуя плагина, например:

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 1000);
});

Обратите внимание на использование window.onload (когда изображения загружаются... которые занимают высоту), а не document.ready.

Чтобы быть технически корректным, вам нужно вычесть высоту окна, но вышеописанное работает:

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

Чтобы перейти к определенному идентификатору, используйте .scrollTop(), например:

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);

Ответ 2

что-то вроде этого:

var $target = $('html,body'); 
$target.animate({scrollTop: $target.height()}, 1000);

Ответ 3

$('html,body').animate({ scrollTop: 9999 }, 'slow');

Проще, как это, высота 9999 страниц... большой диапазон, чтобы он мог доходить до нижней части.

Ответ 4

$("div").scrollTop(1000);

Работает для меня. Прокрутите вниз.

Ответ 5

Используя 'document.body.clientHeight', вы можете увидеть высоту элементов тела

$('html, body').animate({
    scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);

это прокручивается в id 'specificDivision'

Ответ 6

JS

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;

Ответ 7

Сценарии, упомянутые в предыдущих ответах, например:

$("body, html").animate({
    scrollTop: $(document).height()
}, 400)

не работает в Chrome и будет неустойчивым в теге Safari в случае html в CSS имеет свойство overflow: auto;. Мне потребовалось почти час, чтобы понять.

Ответ 8

$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

Это решение сработало для меня. Он работает в режиме прокрутки страницы вниз.

Ответ 9

Вы можете попробовать это

var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});