[解決済み] scrollIntoViewはすべてのブラウザーで動作しますか?
2023-07-24 02:11:20
質問
質問
scrollIntoView()
はすべてのブラウザーで動作しますか?もしそうでなければ
jQuery
の代替はありますか?
どのように解決するのですか?
サポートはされていますが、ユーザーエクスペリエンスが...悪いです。
9bits が指摘するように、これは以前から すべての主要なブラウザーでサポートされている . その点については心配ありません。主な問題は、その動作方法です。ページの末尾にあるような特定の要素に単純にジャンプしてしまうのです。そこにジャンプすることで、ユーザーは、それがどのようなものなのかがわからなくなります。
- ページがスクロールアップされた
- ページが下にスクロールされました
- 他の場所に移動されました
最初の2つはスクロール位置によって決定できますが、ジャンプが行われる前にユーザーがスクロール位置を把握していたと誰が言ったでしょうか?つまり、これは非決定的な動作なのです。
最後のものは、特にページが 移動 ヘッダがスクロールして見えなくなり、残りのページのデザインが同じページにあることを何も意味しない場合(左のメニューバーのような縦長の要素もない場合)には、特にそうでしょう。このような問題があるページは意外に多いものです。あるページに行き、そのページのトップを見て、次に で終了 キーを押して、もう一度見てみてください。違うページだと思う可能性が高いです。
アニメーション
scrollintoview
jQueryプラグインで解決
というわけで、いまだに プラグインが存在します。 を実行するプラグインがあります。これらのプラグインは通常、スクロールをアニメーション化することで、上記の3つの問題を解決しています。ユーザーは簡単に動きを把握することができます。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] GUID / UUIDの作成方法
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ページ上の特定の要素に移動するには?重複
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] CORS OriginヘッダーとCSRFトークンによるCSRF保護
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] JavaScriptで文字列を数値に変換する最速の方法は何ですか?
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?