html 滾動條處于頁面底部,滾動條一直置于頁面底部,開發聊天程式須知。

有些時候(如開發聊天程式)，我們需要将将滾動條(scrollbar)保持在最底部，比如聊天視窗，最新發出和收到的資訊要顯示在最下方，如果要看到最下方的内容，就必須保證滾動條保持在最底部。

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

将滾動條(scrollbar)保持在最底部的方法 - 滾動條, scrollbar, 頁面底部, 聊天視窗, 

将滾動條(scrollbar)保持在最底部的方法

function add()

{

var now = new Date();

var div = document.getElementById('scrolldIV');

div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '

';

div.scrollTop = div.scrollHeight;

}

請點選“插入一行”按鈕，插入最新資訊，當出現滾動條時，滾動條将自動保持在底部。

隻要加入一段代碼：

div.scrollTop = div.scrollHeight;

就能解決問題了