jQuery Scroll到页面底部

Question

我的页面完成加载后.我想让jQUery很好地滚动到页面底部,快速动画,而不是快速/摇晃.

我需要一个像这样的插件ScrollTo吗？或者是内置到jQuery中的一些如何？

Answer 1

您可以通过设置动画来动画向下滚动页面scrollTop,无需插件,如下所示:

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

注意使用window.onload(当图像被加载...占用高度时)而不是document.ready.

为了在技术上正确,你需要减去窗口的高度,但上述工作:

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

要滚动到特定ID,请使用它.scrollTop(),如下所示:

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

Answer 2

这样的事情:

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

Answer 3

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

就这么简单,9999页面高度......大范围所以它可以达到底部.

Answer 4

你可以试试这个

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

Answer 5

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

适合我.滚动到底部.

Answer 6

使用 'document.body.clientHeight' 你可以获得 body 元素的可见高度

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

这会在 id 'preferredDivision' 处滚动