滚动条上升

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;