javascript - 用jquery滚动底部div

Question

可能重复：
使用 jQuery 滚动到包含大量文本的 div 的底部

我有一个 div 从数据库中加载一些评论。div 的高度以 em 而不是 px 表示。它还启用了溢出。

当我写评论并给它充电时，我希望滚动移动到 div 的末尾。在成功使用$("# boxcoment"). ScrollTop (400)并正常工作时，我会自动移动滚动条。

但我与 em 一起工作，想知道是否.scrollTop()与 em 一起工作，或者是否有另一种方法可以向下滚动到 div 的末尾。

我也试过：

height = $("#boxcoment").height();
$("#boxcoment").scrollTop(height);

但卷轴只是中途停止。

谢谢

Answer 1

您可以使用scrollHeightDOM Element 对象的属性。

元素滚动视图的高度；它包括元素填充但不包括其边距。

var $box = $('#boxcoment'); 
var height = $box.get(0).scrollHeight;
$box.scrollTop(height);

Answer 2

试试这个：

  var docHeight = $(document).height();

  $("#boxcoment").scrollTop(docHeight);
  //or
  $('html, body').animate({ scrollTop:docHeight+'px'},444);