jQuery是否具有将客户端滚动到视图端口底部的任何function？

我想用jQuery动画滚动到视口底部。 是否有一个可用的插件并不过分（即没有为这个小任务设置大量function）;

是否有可用的插件或使用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); 

而不是html,body你可以放任何滚动的元素，如div。 t是动画运行的以ms为单位的时间， 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);