如何捲動至div底部？

Question

我正在使用Ajax請求建立聊天功能，但我嘗試讓訊息的div自動捲動到底部卻沒有成功。

我將所有內容包裹在這個div中：

#scroll {
    height:400px;
    overflow:scroll;
}

有沒有辦法使用JS讓它預設滾動到底部？

有沒有辦法在Ajax請求後讓它保持滾動到底部？

Answer 1

如果你使用的是jQuery scrollTop，那麼這就容易多了：

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);

Answer 2

這是我在我的網站上使用的程式碼：

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;