ページリターンがフッダの文字にかかってしまう

記事公開日：2020.03.04

ホームページを制作するときに、必ず入れる「ページリターン」。
下までスクールして読み込んだときに、ページの上部に戻るためのボタンですが、スマホでも見れるようにホームページをレスポンシブで組むと、ipadやパソコンで見た時フッダの文字にかからないけど、スマートホンで見ると、フッダの文字にかかってしまう場合が多々あります。

以下みたいに、ボトムをzeroにする場合が全体のレイアウトと合わせた最近の自分のブームだったのですが

フッダにかからないようにフッダの上で「page-top」ボタンを留めるレイアウト希望がまいりました。
色々試した結果、簡単に設置できた方法が以下でございます。

今回参考にさせていただいたサイトです
Footer上でPageTopアイコンを止めるjQueryの書き方

わかりやすく、本当にありがとうございます！

色々な会社さんとお仕事をさせていただくと、自分ではやってなかったレイアウトだったり組みの希望をいただくので、仕事の幅が増えていきます。
気づかない事に気付かせていただいたり、ホームページ制作のヒントに繋がったり、まだまだ色々な事にチャレンジできそうです。