ヘッダー固定時のページ内リンク位置調節


ヘッダーを上部に固定した時に、ページ内リンクで移動するとヘッダーに隠れてしまいます。そんなときの問題をCSSで解消する方法です。

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

ページ内のアンカー部分にずらしたい分だけmargin-topとpadding-topを入れます。


投稿日時:2016年9月3日 15:30  更新日時:2016年9月3日 15:30


新着ブログ

2017年9月10日
NEWS PICKSでLikesをたくさん貰った話

2017年8月19日
人生の勝算

2017年6月14日
目的論が分からない