トップへ戻るボタン

2021.11.20

右下の配置したボタンをクリックするとスクロールした画面がトップに戻るように作りました。

window.scrollTo()を使って特定の場所まで移動するようにしました。

scrollTo(X座標,Y座標)の引数を持つ。こんがらがるので、X座標は左右の位置、Y座標は上下の位置と覚えよう。

「window.scrollTo(0, 0);」とすると、一瞬で戻ってしまうので、

「behavior: “smooth”」を追加し書き方を変えます。

カテゴリー:

タグ:

Profile 自己紹介

ERIGONOMIでは「30代半ば女子が無謀にもプログラマーになるまでの道のり」をブログにしていこうと思います。同じような境遇の方とつながりが持てれば嬉しいです。