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

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

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

position:fixedでヘッダ固定時のページ内リンクのずれを解消したい | Tips Note

position:fixedでヘッダ固定時のページ内リンクのずれを解消したい

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

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

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

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★レクタングルWset