jQuery scrollTop（）不起作用

Question

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

Answer 1

我不认为scrollTop（＆＃34; 100％＆＃34;）有效。你应该替换

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

使用

在appendLog函数中

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