jQuery scrollTop（）不起作用

Question

我正在使用 jquery 和 bootstrap 开发一个聊天应用程序。我将新的聊天消息附加到 div 并希望滚动 div 以便始终显示最新消息（在底部）。但是 scrollTop() 函数似乎不起作用。这是该应用程序的虚拟版本：http://www.bootply.com/fE8QRrtNkR 日志容器 div 是外部容器。在其中，display-padder div 用于填充日志容器，这样当我们添加消息时，它们首先显示在底部。消息附加到日志 div。在 appendLog() 函数中调用 scrollTop()。

Answer 1

我不认为 scrollTop("100%") 有效。你应该替换

$('#log').scrollTop("100%");

在 appendLog 函数中带有

$('#log-body').scrollTop($("#log").height());