锚点偏移问题的解决

  很多时候我们的页面会用到导航，因此会设置锚点。而当我们的页面的header通过fixe固定时会存在部分遮挡跳转之后的内容，而这就需要通过锚点偏移来解决。代码如下：

<a name="nav" class="shifted-anchor"></a>
<div>
  ...........(要跳转到的内容)
</div>

a.shifted-anchor
{
  position: relative;
  top: -offset;
  display: block;
}

offset为需要的偏移量，在这里就等于footer的高度。