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