css - オーバーフローの取得: auto 要素を自動スクロールする

Question

内部にテキストを含む大きな div があります。

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

新しいコンテンツが div に追加されたとき (およびオーバーフローが発生したとき) に、div が自動的に下にスクロールするようにするにはどうすればよいですか。つまり、追加された最新のコンテンツが常に表示されます。端末エミュレータと同じ動作。

Answer 1

JavaScript を使用して強制する必要があります。

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