jQuery 是否有任何函数可以将客户端滚动到视口底部？

Question

我想用 jQuery 将动画滚动到视口底部。 是否有一个可用的插件并不过分（即对于这个小任务没有大量的功能集）；

是否有可用的插件或使用 jQuery 本地执行此操作的方法？

Answer 1

jQuery 使这样的事情变得如此简单，以至于您不需要插件。 示例：

var x = 250; //insert your own formula to calculate where you want to scroll to in px
var t = 500; //arbitrary time in ms
$("html,body").animate({ scrollTop: x }, t);

您可以放置​​任何滚动的元素，例如 div，而不是 html,body。 t 是动画运行的时间（以毫秒为单位），x 是滚动到的位置（以 px 为单位）。 请注意，这也适用于scrollLeft，但不适用于scrollRight 或scrollBottom（不是jQuery 的限制，而是JavaScript 的限制）。

Answer 2

您始终可以执行以下操作将元素滚动到底部

$("body").attr({ scrollTop: $("body").attr("scrollHeight") });

Answer 3

检查 jQuery.ScrollTo 插件，您可以滚动到确定的位置（固定或绝对），使用选择器、DOM 元素等等...

查看演示...

Answer 4

为了详细说明 Darko Z 和 CMS 的答案，以下是我用来动画滚动到特定元素的内容：

var target = $('#elem');
$('html,body').animate({scrollTop: target.offset().top}, 500);