jQuery滚动到页面底部

在我的页面完成加载后。我希望jQUery能够很好地滚动到页面的底部，快速生成动画，而不是一个快照/颠簸。

我需要像ScrollTo这样的插件吗?或者这是内置到jQuery的某种方式?

当前回答

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

就这么简单，9999页高…范围大，所以可以到达底部。

其他回答

你可以通过动画scrollTop属性来向下滚动页面，不需要插件，像这样:

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

注意window的用法。Onload(当图像加载时…占据高度)而不是文档。ready。

从技术上讲，你需要减去窗口的高度，但上面的方法是有效的:

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

要滚动到一个特定的ID，使用它的.scrollTop()，如下所示:

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

对于jQuery 3，请更改

$(窗口).load(函数(){ $ (" html,身体”)。animate({scrollTop: $(document).height()}， 1000); })

to:

美元(窗口)。On ("load"，函数(e) { $ (" html,身体”)。animate({scrollTop: $(document).height()}， 1000); })

就像这样:

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

var el = document.getElementById("el");
el.scrollTop = el.scrollHeight - el.scrollTop;

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

对我有用。卷轴到底。

推荐文章