だから私は次のCSSを持つdivコンテナを持っています
#game-container {
background-color: #000000;
color: #ffffff;
border: thick solid #808080;
height: 400px;
word-wrap: break-word;
overflow: auto;}
また、この関数を使用して、スクロールバーをコンテナーの下部に保持します。
function scrollToBottom(container) {
var messages = $(container);
messages.scrollTop(messages[0].scrollHeight);
}
期待どおりに機能し、データがコンテナに追加されるとスクロールアップします。私がやりたいことは、コンテナーの内容を維持する先入れ先出し法を使用して、コンテナーが保持するスクロールバックの量を制限することです。したがって、コンテナーが 20 行またはピクセル、またはスクロールバックで使用される任意の測定値を保持している場合、最初のコンテンツが破棄され、新しいコンテンツが追加されるときにそのサイズが維持され、最初のコンテンツが大きくなるにつれて破棄されます。