[解決済み] ページの下まで自動でスクロールさせる
2022-03-18 16:41:48
質問
質問のリストがあります。私が最初の質問をクリックすると、ページの下部にある特定の要素に自動的に移動する必要があります。
jQueryでこれを行うにはどうしたらよいですか?
どのように解決するのですか?
jQueryは必要ありません。Googleで検索して出てきた上位結果のほとんどがこの答えでした。
window.scrollTo(0,document.body.scrollHeight);
要素を入れ子にしている場合、ドキュメントがスクロールしないことがあります。 この場合 の場合、スクロールする要素をターゲットにして、その要素のスクロール高さを代わりに使用する必要があります。
window.scrollTo(0,document.querySelector(".scrollingContainer").scrollHeight);
と結びつけることができます。
onclick
イベント (つまり
<div onclick="ScrollToBottom()" ...
).
その他、いくつかのソースをご覧ください。
関連
-
JSアレイループと効率解析の比較
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] jQueryの「exists」関数はありますか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueはランニングライト形式のテキストを水平方向にスクロールする機能を実装している
-
vue for 登録ページ効果 vue for sms 認証コードログイン
-
vue ディレクティブ v-html と v-text
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み】JavaScriptでインラインIF文の書き方は?
-
JSクリックイベント - Uncaught TypeError: プロパティ 'onclick' に null を設定できません。
-
[解決済み] jquery: $(window).scrollTop() はあるが $(window).scrollBottom() はない。
-
[解決済み] divの一番下までスクロールしますか?
-
[解決済み] ユーザーが上にスクロールしない限り、overflow div は下にスクロールされたままになる
-
[解決済み】jQuery Scroll To Bottom of the Page