网站-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");应该运行onloadwindow.onload / $(document).ready();

objDiv.scrollTop = objDiv.scrollHeight;可能需要作为获取聊天信息的ajax的回调运行,也许是function success(response, status)函数?

09-25 16:58