created: 2020-12-10T08:10:46.000Z

js 1 行でページ上部までスクロールする

こうするとできる。

document.getElementsByTagName("body")[0].scrollIntoView({ behavior: "smooth" });

説明

モダンなブラウザでは scrollIntoView が使える。

behavior: "smooth" と指定するとスルスルとアニメーションしながら上にスクロールするが、behavior: "auto" と指定するとパッと一瞬で上に飛ぶ。

一瞬で飛んでしまうと、ユーザーは別なページに飛んだように感じることがあるため、なるべくアニメーションでスクロールさせたほうがよい。なお Safari は behavior=smooth オプションを実装していないのでページ上部に飛ぶ挙動になる。

基礎からの新しいストレージ入門 基本技術から設計・運用管理の実践まで
[ad] 基礎からの新しいストレージ入門 基本技術から設計・運用管理の実践まで
坂下 幸徳 (単行本)