ページ内リンクのずれを矯正するＣＳＳ（ヘッダー固定の場合）
ヘッダーを固定したりすると、その高さ分、ページ内リンクの位置をずらす必要が出てきます。
例えば固定されたヘッダーのheightが100pxの場合、下記のように記載すれば、20pxほど余裕をもってページ内で遷移ができるようになります。
|
1 2 3 4 |
#link_01,#link02,#link_03{ margin-top:-120px; padding-top:120px; } |
CSSのみで完結できますので簡単です^^
是非、お試しください。
公開日：2020年5月14日
最終更新日：2020年5月14日
