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