聊天滾動條

Question

我正在處理我的聊天框，當新帖子被添加到底部時，我怎麼能讓滾動條在底部添加新的數據，或者保持你的位置中間重讀的東西，有點像大多數irc客戶端嗎？

Answer 1

您可以修改元素的scrollTop屬性。每當你想將其設置爲底部，你可以直接將其設置爲一些大的號碼（一個不能令人信服地小於高度）：

element.scrollTop = 100000; 

Answer 2

讓它滾動到它的scrollHeight屬性：

var el = document.getElementById("theDiv"); 
el.scrollTop = el.scrollHeight; 

Answer 3

當收到一條新消息時，首先檢查當前滾動位置是否等於scrollHeight（或可能在scrollHeight的一小部分內，對於用戶沒有完全滾動到底部但不可察覺的情況） 。

如果是，那麼只需添加消息並設置scrollTop = scrollHeight;

如果不是，那就讓它獨自一人。