我正在使用 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”中。
最佳答案
将 $target.animate
更改为 $target.animate({scrollTop: $target.prop("scrollHeight") }, 1000);})
这是工作 fiddle : https://jsfiddle.net/Le1by7z0/
关于javascript - 如何显示用jquery附加的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46189797/