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] エッセンシャル思考 最少の時間で成果を最大にする
グレッグ・マキューン, 高橋璃子 (Kindle版)