jQuery滚动到页面底部/ iframe

Question

如何使用jquery向下滚动到iframe或页面的底部？

Answer 1

如果你想要一个漂亮的慢动画滚动,对于任何有href="#bottom"这个的锚将滚动你到底部:

$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});

随意更改选择器.

这适用于Firefox 3.5.7,但不适用于Chrome 4.0.295.0.以下适用于Chrome:$('html,body').animate({scrollTop:$(document).height()},'slow'); (48认同)
@MuhammadGelbana检查编辑日期.马克似乎更新了他的答案,包括汤姆的修复. (4认同)

Answer 2

scrollTop()返回从可滚动区域中隐藏的像素数,因此给它:

$(document).height()

实际上会超出页面底部.对于在页面底部实际"停止"的滚动,浏览器窗口的当前高度需要减去.如果需要,这将允许使用缓动,因此它变为:

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

Answer 3

例如:

$('html, body').scrollTop($(document).height());

Answer 4

在这个线程没有为我的特定需求(在我的情况下滚动一个textarea)中找不到之后,我发现了这个超越,这对于阅读此讨论的其他人可能会有所帮助:

由于我已经有了jQuery对象的缓存版本(myPanel下面的代码中是jQuery对象),我添加到事件处理程序的代码就是这样:

myPanel.scrollTop(myPanel[0].scrollHeight - myPanel.height());

(谢谢本)