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


当前回答

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

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

您可以随意更改选择器。

其他回答

之前的回答中提到的脚本,比如:

$("body, html").animate({
    scrollTop: $(document).height()
}, 400)

or

((窗口).scrollTop美元(文档).height ());

将不会在Chrome中工作,并将在Safari中跳跃,以防html标签在CSS中溢出:auto;属性集。我花了将近一个小时才弄明白。

例如:

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

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

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

您可以随意更改选择器。

$('.block').scrollTop($('.block')[0].scrollHeight);

我使用此代码在新消息到达时滚动聊天。

一个简单的函数,跳到整个页面的底部(立即滚动)。它使用内置的. scrolltop()。我还没有尝试将其用于单独的页面元素。

function jumpToPageBottom() {
    $('html, body').scrollTop( $(document).height() - $(window).height() );
}