jquery - 动态div不自动滚动

标签 jquery html css

这是我之前问题的扩展 How to fix a div height .

谢谢大家帮我修改尺寸。

但在此之后我遇到了我的最后一期。即滚动。

当用户输入消息并按下回车键时,将添加两个新的 div。一个包含用户数据,另一个包含响应数据。

数据生成正确,但在聊天窗口中,显示的不是最后一个 div,而是上一个 div。

电流输出 enter image description here

预期输出

enter image description here

我访问了一些 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/

相关文章:

html - 如何设置相同的填充大小

jquery - IE7 使 Galleria Fullscreen 用点导航做有趣的事情

javascript - 创建复杂的 HTML 表格

javascript - 使用 Javascript/jQuery 以编程方式关闭 SELECT 下拉列表

javascript - 虽然可见,但如何使此对话框阻止访问其余页面内容?

java - 使用 jsoup 解析 html 时避免删除空格和换行符

html - Blogger 的自定义主页

JQuery 日期选择器动态 altField

jquery - 使用 jquery 获取禁用文本框的值

compass-sass - 浏览器支持文本阴影传播值