ページ内リンク

WEB制作技術の引き出しを増やすため、自分なりにアレンジしたコードをアウトプットすることにしました。

その中でも特に勉強になったコードを紹介します。

コピペで使えるようになっているので、あなたのサイトで使っていただけるとうれしいです。

あくまでデザインの一例にすぎないので、調整してオリジナルのデザインを作ってみてください！

ページ内リンク

おさえておきたいところ

「ページ内リンク」を使う目的はこんな感じです。

             目的：ページ内の目的の場所にスクロールさせる
動きのきっかけ：クリック / スクロール

追従するHeader分の高さを引いて適切な場所へスクロール

ページ内の指定の場所にスクロール

次回の予定

ページのスクロールを促す「スクロールダウン」を作ってみようと思います＼＼\\٩( ‘ω’ )و //／／