2022.07.17

トップへ戻るボタン（追加機能）

以前「トップへ戻るボタン」を作りましたが、スクロール量に応じて表示・非常時できるように機能を追加しました。

50px以上スクロールしたらボタンが表示されます。

See the Pen
トップへ戻るボタン(機能追加) by riko (@ri-ko)
on CodePen.


ボタンの中の「TOP」という文字を中央に寄せる方法が、以前はflexで可能だったのに、

今回はflexだと上下中央に出来なかったのでlihe-heightを使いました。

※一行だけのテキストかつ、高さを指定している場合に有効のようです。

＼SHARE／

カテゴリー:
タグ: