网站-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中指定溢出的那个)。
有任何想法吗?
最佳答案
var objDiv = document.getElementById("chatbody");
应该运行onload
(window.onload
/ $(document).ready();
)objDiv.scrollTop = objDiv.scrollHeight;
可能需要作为获取聊天信息的ajax的回调运行,也许是function success(response, status)
函数?