jQuery滚动到页面底部

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")});