css - 获取溢出 :auto element to auto scroll

Question

我有一个很大的 div，里面有文字:

#big-div {
    height: 400px;
    overflow: auto;
}

如何才能使当新内容添加到 div(并发生溢出)时，div 自动滚动到底部。换句话说，最新添加的内容始终可见。与终端仿真器具有相同的行为。

Answer 1

您需要使用 JavaScript 强制执行它。

var myDiv = document.getElementById("big-div");
myDiv.scrollTop = myDiv.scrollHeight;