如果你不关心动画，那么你就不需要获取元素的高度。至少在我尝试过的所有浏览器中，如果你给scrollTop一个大于最大值的数字，它就会滚动到底部。所以给它一个尽可能大的数字:

$(myScrollingElement).scrollTop(Number.MAX_SAFE_INTEGER);

如果你想滚动页面，而不是一些带有滚动条的元素，只需使myScrollingElement等于'body, html'。

因为我需要在几个地方这样做，我写了一个快速和肮脏的jQuery函数，使它更方便，像这样:

(function($) {
  $.fn.scrollToBottom = function() {
    return this.each(function (i, element) {
      $(element).scrollTop(Number.MAX_SAFE_INTEGER);
    });
  };
}(jQuery));

当我添加一个buncho'的东西时，我可以这样做:

$(myScrollingElement).append(lotsOfHtml).scrollToBottom();

例如:

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

这个对我很有用:

var elem = $('#box');
if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
  // We're at the bottom.
}

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

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

您可以随意更改选择器。

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

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

如果你不关心动画，那么你就不需要获取元素的高度。至少在我尝试过的所有浏览器中，如果你给scrollTop一个大于最大值的数字，它就会滚动到底部。所以给它一个尽可能大的数字:

$(myScrollingElement).scrollTop(Number.MAX_SAFE_INTEGER);

如果你想滚动页面，而不是一些带有滚动条的元素，只需使myScrollingElement等于'body, html'。

因为我需要在几个地方这样做，我写了一个快速和肮脏的jQuery函数，使它更方便，像这样:

(function($) {
  $.fn.scrollToBottom = function() {
    return this.each(function (i, element) {
      $(element).scrollTop(Number.MAX_SAFE_INTEGER);
    });
  };
}(jQuery));

当我添加一个buncho'的东西时，我可以这样做:

$(myScrollingElement).append(lotsOfHtml).scrollToBottom();