created: 2020-12-10T08:10:46.000Z
js 1 行でページ上部までスクロールする
こうするとできる。
document.getElementsByTagName("body")[0].scrollIntoView({ behavior: "smooth" });
説明
モダンなブラウザでは scrollIntoView
が使える。
behavior: "smooth"
と指定するとスルスルとアニメーションしながら上にスクロールするが、behavior: "auto"
と指定するとパッと一瞬で上に飛ぶ。
一瞬で飛んでしまうと、ユーザーは別なページに飛んだように感じることがあるため、なるべくアニメーションでスクロールさせたほうがよい。なお Safari は behavior=smooth
オプションを実装していないのでページ上部に飛ぶ挙動になる。