Javascript / jQuery滾動到div問題的底部

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

1. 更新您的jQuery！ 您正在使用1.1.2版
2. 更新到最新版本后，您可以使用http://api.jquery.com/scrollTop/
3. 每隔1秒鍾就停止通過ajax發送HTTP，這是垃圾郵件，還有更好的解決方案，例如HTTP推送