【css】position:fixedを使ったヘッダー使用時、アンカーずれを直す方法

こんにちは

今回はアンカーリンク時にたびたび困る高さ調整のcssです

方法はcssとJavaScriptがありますが個別にかける場合はcssが楽です

コード

対象に

margin-top:-100px;
padding-top:100px;

100pxの部分はヘッダーの高さ＋開けたい隙間分

※背景にカラーがいる場合「margin-top:-100px;」を「padding-top:-100px;」で調整する場合あり

以上

引用

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