Question

网站 - 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溢出的那个）。

有什么想法吗？

Answer 1

var objDiv = document.getElementById("chatbody");应该投放onload（window.onload / $(document).ready();）

objDiv.scrollTop = objDiv.scrollHeight;可能需要作为ajax的回调运行，该回调可以提取聊天，也许是这个函数function success(response, status)？

Answer 2

更新你的jquery！您使用的是版本1.1.2
更新到最新版本后，您可以使用http://api.jquery.com/scrollTop/
停止做HTTP通过ajax每1秒发送一次垃圾邮件，有更好的解决方案，如HTTP推送

Javascript / jQuery滚动到div问题的底部

2 个答案: