这是我之前问题的扩展 How to fix a div height .
谢谢大家帮我修改尺寸。
但在此之后我遇到了我的最后一期。即滚动。
当用户输入消息并按下回车键时,将添加两个新的 div
。一个包含用户数据,另一个包含响应数据。
数据生成正确,但在聊天窗口中,显示的不是最后一个 div,而是上一个 div。
预期输出
我访问了一些 SO 论坛,但没有一个能解决问题。
请告诉我如何解决这个问题。
谢谢
最佳答案
每次将新的 div 添加到聊天窗口时,您都需要使用 JavaScript 或 jQuery 滚动该 div。
类似于:
对于使用 jQuery:
$('#chatHistory').scrollTop($('#chatHistory').scrollHeight);
对于纯 JavaScript:
elmnt = document.getElementById("chatHistory");
elmnt.scrollTop = elmnt.scrollHeight;
这类似于: Use jQuery to scroll to the bottom of a div with lots of text
关于jquery - 动态div不自动滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41592067/