ヘッダ固定による、ページ内リンクのズレを回避する方法

2016年1月17日2019年1月26日

ヘッダ固定による、ページ内リンクのズレを回避する方法

スマートフォンサイトやＰＣサイトで
最近トレンドのヘッダ固定ですが、
ヘッダを固定することで、ページ内リンク指定の際に
意図しないズレが発生することがあります。
それの回避方法。

position:fixedでヘッダ固定時のページ内リンクのずれを解消したい | Tips Note
http://www.tam-tam.co.jp/tipsnote/html_css/post4776.html

#link01 {
margin-top:-100px;
padding-top:100px;
}

<a href="#link01″>なんとか</a>
<div name="link01″ id="link01″>かんとか</div>

上記参考になりました！！
今後もお世話にな可能性は高そうですね。。