[解決済み】ブラウザのウィンドウが下までスクロールされているかどうかを検出するには?
2022-04-05 04:49:51
質問
ユーザーがページの一番下までスクロールしているかどうかを検出する必要があります。ユーザーがページの最下部にいる場合、新しいコンテンツを最下部に追加すると、自動的に新しい最下部までスクロールします。ユーザーがページの最下部にいない場合は、ページの上部にある以前のコンテンツを読んでいるため、ユーザーは現在の位置に留まりたいので、自動スクロールさせたくありません。
ユーザーがページの一番下までスクロールしたのか、ページのもっと上までスクロールしたのかを検出するにはどうすればよいですか?
どのように解決するのですか?
window.onscroll = function(ev) {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
// you're at the bottom of the page
}
};
デモを見る
関連
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】React.jsの配列の子要素のユニークキーを理解する
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] ユーザーが上にスクロールしない限り、overflow div は下にスクロールされたままになる
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】ユーザーが一番下までスクロールしたかどうかを確認する(ウィンドウだけでなく、任意の要素)【重複】。
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み】Angular JS Uncaught Error。[インジェクター:モジュラー]。
-
[解決済み] Uncaught Invariant Violation: 前のレンダリング中よりも多くのフックをレンダリングした
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。
-
[解決済み】Syntax error: JavaScriptの不正なreturnステートメント
-
[解決済み】'useState' が定義されていない no-undef React
-
[解決済み】ユーザーが一番下までスクロールしたかどうかを確認する(ウィンドウだけでなく、任意の要素)【重複】。