1. ホーム
  2. javascript

[解決済み] scrollIntoViewはすべてのブラウザーで動作しますか?

2023-07-24 02:11:20

質問

質問 scrollIntoView() はすべてのブラウザーで動作しますか?もしそうでなければ jQuery の代替はありますか?

どのように解決するのですか?

サポートはされていますが、ユーザーエクスペリエンスが...悪いです。

9bits が指摘するように、これは以前から すべての主要なブラウザーでサポートされている . その点については心配ありません。主な問題は、その動作方法です。ページの末尾にあるような特定の要素に単純にジャンプしてしまうのです。そこにジャンプすることで、ユーザーは、それがどのようなものなのかがわからなくなります。

  • ページがスクロールアップされた
  • ページが下にスクロールされました
  • 他の場所に移動されました

最初の2つはスクロール位置によって決定できますが、ジャンプが行われる前にユーザーがスクロール位置を把握していたと誰が言ったでしょうか?つまり、これは非決定的な動作なのです。

最後のものは、特にページが 移動 ヘッダがスクロールして見えなくなり、残りのページのデザインが同じページにあることを何も意味しない場合(左のメニューバーのような縦長の要素もない場合)には、特にそうでしょう。このような問題があるページは意外に多いものです。あるページに行き、そのページのトップを見て、次に で終了 キーを押して、もう一度見てみてください。違うページだと思う可能性が高いです。

アニメーション scrollintoview jQueryプラグインで解決

というわけで、いまだに プラグインが存在します。 を実行するプラグインがあります。これらのプラグインは通常、スクロールをアニメーション化することで、上記の3つの問題を解決しています。ユーザーは簡単に動きを把握することができます。