Javascript/jQuery 滚动到 div 底部问题
网站 - http://www.srcf.ucam.org/~sas98/workspaces /project.php
CSS - http://www.srcf.ucam.org/~sas98/workspaces/style.css
查看源代码中的第 54-58 行,复制如下。
<script type="text/javascript">
var objDiv = document.getElementById("chatbody");
objDiv.scrollTop = objDiv.scrollHeight;
// $("#chatbody").scrollTop($("#chatbody")[0].scrollHeight);
我试图使滚动条在页面加载时转到底部,并在发布消息时保持在那里。我在这里搜索并尝试了许多选项,但它们似乎不起作用。我确信这取决于一些非常基本的事情,比如我放置代码的位置(我确信我有正确的 div,因为它是在 CSS 中指定溢出的那个)。
有什么想法吗?
Site - http://www.srcf.ucam.org/~sas98/workspaces/project.php
CSS - http://www.srcf.ucam.org/~sas98/workspaces/style.css
Have a look at lines 54-58 in the source code, reproduced below.
<script type="text/javascript">
var objDiv = document.getElementById("chatbody");
objDiv.scrollTop = objDiv.scrollHeight;
// $("#chatbody").scrollTop($("#chatbody")[0].scrollHeight);
I'm trying to make the scroll bar go to the bottom on page load and stay there when a message is posted. I've searched on here and tried many of the options but they don't seem to be working. I'm sure it's down to something quite basic like where I'm putting the code (thought I'm sure I have the right div because it's the one that specifies overflow in the CSS).
Any ideas?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
var objDiv = document.getElementById("chatbody");
应运行onload
(window.onload
/$(document). ready();
)objDiv.scrollTop = objDiv.scrollHeight;
可能需要作为获取聊天的 ajax 的回调运行,也许这个函数功能成功(响应,状态)
?var objDiv = document.getElementById("chatbody");
should be runonload
(window.onload
/$(document).ready();
)objDiv.scrollTop = objDiv.scrollHeight;
probably needs to be run as a callback to the ajax which fetches the chat, perhaps this functionfunction success(response, status)
?