jQuery滚动到页面底部

Question

在我的页面加载完成后。我想要jQUery很好地滚动到页面底部，动画迅速，而不是一个卡通/震动。

iI需要像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

你可以试试这个

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