使用JavaScript實現滾動條默認處於底部

雖然還沒有學過JavaScript，但在最近JSP作業裏面有一個寫聊天框的需求

而聊天框的滾動條得默認一直處於頁面底部。

通過百度，得到的JavaScript的代碼爲

var div = document.getElementById('chat');
div.scrollTop = div.scrollHeight;

裏面的div是一個變量，不用修改，裏面的'chat'是添加了滾動條的div標籤的id名。

 

但是直接放在Script標籤裏面並沒有實現效果

發現

以上只是實現滾動條處於底部的代碼，而這個代碼應該放在什麼實現還要再做一些處理

根據需求，這些代碼應該放在一個函數裏面，然後函數應該在頁面打開的時候就自動執行

修改後的代碼爲

window.onload = function()
        {
            var div = document.getElementById('chat');
                    div.scrollTop = div.scrollHeight;
        }

window.onload就是在頁面打開時執行的意思

最後把這個代碼複製到script標籤裏面即可