ホームページ >ウェブフロントエンド >jsチュートリアル >iframeの上下スクロールバーをデフォルトで下部に表示する原理を実装する方法_基礎知識

iframeの上下スクロールバーをデフォルトで下部に表示する原理を実装する方法_基礎知識

WBOY
WBOYオリジナル
2016-05-16 17:47:05911ブラウズ
質問: デフォルトで上下のスクロール バーを下部に配置するにはどうすればよいですか? 大量のデータを含むチャット ツールですが、更新されるたびに表示される上下のスクロール バー。チャット履歴を表示するには、下にスクロールする必要があります。
回答: window.scrollTo(0,9999999) を直接書き込みます。 iframe または div などのコンテナのスクロールトップを設定します
コードをコピー コードは次のとおりです:

document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0 ,9999999)

これは以下で解決されますが、新しい情報があった後、スクロールバーが自動的に一番下に移動しないようにしたいのですが、QQ チャットウィンドウのように、新しいコンテンツがあったときに自動的に一番下に移動するようにしたいのですが、どうすればよいでしょうか。

次に、現在生成されているコンテンツの位置 (上部またはマージン上部) を決定し、スクロール バーの高さを設定する必要があります。これで十分です。新しいデータを取得するたびに、この問題を解決するには window.scrollTo(0,9999999) メソッドを呼び出します。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。