javascript - 如何显示用jquery附加的元素

Question

我正在使用 html、css 和 javascript 制作一个聊天应用程序，例如 google Hangout 或 snapchat。当我想附加聊天时，我使用

$(id_name).after(message)

我可以附加消息，但我想知道的是，如果不手动滚动，消息不会显示在屏幕上。如何显示自动附加的消息？请帮助我。

以下是我的代码。

<div class="bubble" style="clear:both" id="talk_chat_from">
    <div id="talk_chat_detail"></div>
</div>

我将消息附加到“talk_chat_detail”中。

Answer 1

将 $target.animate 更改为 $target.animate({scrollTop: $target.prop("scrollHeight") }, 1000);})

这是工作 fiddle : https://jsfiddle.net/Le1by7z0/