从jQuery滚动到页面底部

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (9)

在我的页面完成加载之后。我希望jQuery能够很好地滚动到页面的底部,快速地动画,而不是突然/震动。

我需要像这样的插件吗ScrollTo对于这一点,或者是jQuery中内置的部分是如何实现的呢?

提问于
用户回答回答于

您可以通过动画将页面向下滚动。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);
用户回答回答于

就像这样:

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

扫码关注云+社区