Fixed の navbar があると、ページ内アンカーがずれる事態にいまさらはまる。

ページ内リンクが固定のナビバーがあるときにずれるのはよくある話で、よくあるTIPSでmargin-topにマイナスを指定する というのがある。

<div id="hoge" style="margin-top:-30px;
padding-top:30px;background-color=#eee;">
</div>

確かに効くのだけど、ただ、↑みたいなのだとバックグラウンドカラーがめっちゃカッコ悪くなるわけで、
仕方ないのでさらにラップしてそこにリンク張りなおした。

<div id="mage" style="margin-top:-30px;padding-top:30px;”>
  <div id="hoge" style="background-color=#eee;">
  </div>
</div>

見たいな感じで#hogeは使わないで#mageを使う。 #hogeはあくまでもバックグラウンドを綺麗に見せる為だけの存在。。。 面倒だなこれほんとに。なんかちゃんと治す方法は無いんだろうかおまじないレベルだし。 何はともあれ middleman はすごく便利だなあ。