チャット アプリケーションで Div を一番下までスクロールしたままにする方法は?

Div の一番下までスクロールする

Ajax リクエストで構築されたチャット アプリケーションでは、メッセージ div を一番下までスクロールすることが重要です。これを実現するには、さまざまな JavaScript テクニックを活用できます。

デフォルトで Div を下にスクロールしたままにする

「スクロール」 ID と指定された高さを持つ div の場合オーバーフローした場合は、次の JavaScript を使用して、一番下までスクロールし続けることができます。最初:

var scrollDiv = document.getElementById("scroll");
scrollDiv.scrollTop = scrollDiv.scrollHeight;

Ajax リクエスト後に一番下までスクロール

Ajax リクエストが新しいメッセージを正常に取得した後、それに応じて div のスクロール位置を調整する必要があります。

function updateMessages() {
    var scrollDiv = document.getElementById("scroll");
    scrollDiv.scrollTop = scrollDiv.scrollHeight;
}

この関数は、Ajax リクエストのコールバックとしてアタッチできます。 「成功」イベント。これにより、新しいメッセージ セットが読み込まれるたびに div が確実に一番下までスクロールします。

以上がチャット アプリケーションで Div を一番下までスクロールしたままにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。