jQuery прокрутите страницу вниз
после загрузки моей страницы. Я хочу, чтобы jQUery красиво прокручивался в нижней части страницы, быстро анимируя, а не щелчок/толчок.
Do iI нужен плагин, как ScrollTo
за что? или это как-то встроено в jQuery?
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);
что-то вроде этого:
var $target = $('html,body');
$target.animate({scrollTop: $target.height()}, 1000);
$('html,body').animate({ scrollTop: 9999 }, 'slow');
просто , 9999 высота страницы ... большой ряд поэтому он может достигнуть к дну .
вы можете попробовать это
var scroll=$('#scroll');
scroll.animate({scrollTop: scroll.prop("scrollHeight")});
использование ' document.тело.clientHeight ' вы можете получить видимую высоту элементов тела
$('html, body').animate({
scrollTop: $("#particularDivision").offset().top - document.body.clientHeight + $("#particularDivision").height()
}, 1000);
это прокручивается на id 'particularDivision'
скрипты, упомянутые в предыдущих ответах, например:
$("body, html").animate({
scrollTop: $(document).height()
}, 400)
не работает на Chrome и будет нервным в сафари в случае html
tag in в CSS и overflow: auto;
набор свойств. Мне потребовался почти час, чтобы выяснить.
$('#pagedwn').bind("click", function () {
$('html, body').animate({ scrollTop:3031 },"fast");
return false;
});
это решение работает для меня. он работает в прокрутке страницы вниз быстро.
для jQuery 3, пожалуйста, измените
$(окно).нагрузка (функция() { $("html, body").анимировать({ scrollTop: $(документ).высота() }, 1000); })
в:
$(окно).ВКЛ ("нагрузка", функция (e) { $("html, body").анимировать({ scrollTop: $(документ).высота() }, 1000); })