滾動條上升

Question

我在我的網站上有一個聊天室，但每次輸入消息。 滾動條上升。 如何讓它像在Facebook上聊天一樣固定在底部。

這是CSS

.chat-messages { 
    background-color: #fff; 
    margin: 10px; 
    padding: 10px; 
    line-height: 1.2em; 
    height: 550px; 
    max-height: 550px; 
    overflow-y: auto; 
} 

Answer 1

爲此，你需要使用JavaScript。每次你進入一個消息，或者您收到一條消息，你必須滾動到底在JavaScript

試試這個（如果你使用jquery）：

var textarea = $(".chat-messages"); 
if(textarea.length) 
    textarea[0].scrollTop = textarea[0].scrollHeight; 

，如果你不jQuery的使用添加ID到您的textarea然後執行此操作：

var textarea = document.getElementById('textarea_id'); 
textarea.scrollTop = textarea.scrollHeight;