jQuery прокрутите страницу вниз

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

Do iI нужен плагин, как ScrollTo за что? или это как-то встроено в jQuery?

154
jquery jquery-plugins

10 ответов

вы можете просто анимировать, чтобы прокрутить страницу вниз, анимируя 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);
339

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

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

просто , 9999 высота страницы ... большой ряд поэтому он может достигнуть к дну .

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

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

8

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

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

использование ' document.тело.clientHeight ' вы можете получить видимую высоту элементов тела 

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

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

3

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

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

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

1

js

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;
0
$('#pagedwn').bind("click", function () {
        $('html, body').animate({ scrollTop:3031 },"fast");
        return false;
});

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

0

для jQuery 3, пожалуйста, измените

$(окно).нагрузка (функция() { $("html, body").анимировать({ scrollTop: $(документ).высота() }, 1000); })

в:

$(окно).ВКЛ ("нагрузка", функция (e) { $("html, body").анимировать({ scrollTop: $(документ).высота() }, 1000); })

0