Javascript滚动条，转到底部

Question

我目前正在编写PHP和MYSQL聊天。聊天消息保存在一个带有“.chat”类的div中。它有一个overflow：auto css元素，所以它有一个垂直滚动条。我想这样，当你加入聊天时，它会启动底部的滚动条。

到目前为止，我目前有以下代码：

$(".chat").animate({ scrollTop: '7807897px' }, "fast");

这种方法并不总是有效，而且真的很烦人。我知道必须有一个更简单的方法，我只是javascript的新手并且真的很喜欢一些帮助：）

非常感谢

编辑：我的.chat div有80％的高度元素。所以按高度滚动似乎对我不起作用

Answer 1

为什么不获得.chat的高度？

$(".chat").animate({
    scrollTop: $('.chat').height() 
}, "fast");

如果您滚动页面，则可以使用

$(document).height();

Answer 2

raplace：

$(".chat").animate({ scrollTop: '7807897px' }, "fast");

在：

$(".chat").animate({ scrollTop: $('.chat').height() }, "fast");