ホームページ > ウェブフロントエンド > jsチュートリアル > 新たに追加した内容は、divのスクロールバーをbottom_javascriptスキルに自動で移動させる方法です。

新たに追加した内容は、divのスクロールバーをbottom_javascriptスキルに自動で移動させる方法です。

WBOY
リリース: 2016-05-16 17:05:42
オリジナル
1273 人が閲覧しました

動的に成長する div を作成するとき、通常はコンテンツを div の一番下に追加することがありますが、これはかなり厄介な問題を引き起こします。つまり、このように新しく追加されたコンテンツが一番下に隠れてしまいます
新たに追加した内容は、divのスクロールバーをbottom_javascriptスキルに自動で移動させる方法です。
スクロールバーを自動的に一番下に移動するには、js の助けが必要です。div の ID が myDiv であると仮定し、ネイティブ js を使用して次のコードを実装します。 🎜 >

コードをコピーします コードは次のとおりです:var myDiv = document.getElementById('myDiv'); .scrollTop = myDiv .scrollHeight;

jquery を使用する場合も非常に簡単です



コードをコピーします
コードは次のとおりです:var $div = $('#myDiv'); $div.scrollTop($div[0].scrollHeight); 🎜>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート