使用jquery滚动底部div

Question

  

可能重复：
  Use jQuery to scroll to the bottom of a div with lots of text

我有一个div，从数据库加载一些注释。 div的高度用em表示，而不是px。它也启用了溢出。

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

但我与他们合作，想知道.scrollTop()是否适用于em，或者是否有其他方法可以向下滚动到div的末尾。

我也尝试过：

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

但是卷轴中途停止了。

由于

Answer 1

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

  

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

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);