どうも!フジグチです! 前回の記事で「ページ内リンク」について書きました。 ページ内リンクを使いこなせば、閲覧する側のちょっとした手間を省くことが出来るので、ユーザビリティが良くなります。 このページ内リンクを使えば色々なサイトでよく見かける「トップへ戻る」ボタンを作ることが出来ます。 この記事では、HTMLとCSSのみで軽量で手軽に設置出来る「トップへ戻る」ボタンの作り方を紹介します。 サイト下に固定するボタン サイト下トップへ戻るボタンのHTML サイト下トップへ戻るボタンのCSS 追従するボタン 追従するボタンのHTML 追従するボタンのCSS 小洒落た感じの追従するボタン 小洒落た追従するボタンのHTML 小洒落た追従するボタンのCSS さらにエフェクトを追加する サイト下に固定するボタン まずはじめに当サイトで使っている「トップへ戻る」ボタンです。(※現在は使用していません) 当
