Html固定头部后锚点定位偏移调整

有时候在头部菜单，我们会使用锚点定位，如果此时头部菜单我们设置成固定到头部，那么我们在使用锚点定位的时候，定位到的页面位置向上偏移了。

解决方案：

假设固定头部的高度为50px

其中一个锚点为：

<a id="about"></a>

我们给锚点添加一个class

<a class="target-fix" id="about"></a>

target-fix样式为

.target-fix {// 暗锚，让它滚动上来的时候在实际位置的基础上向下偏移50px，和你设置的nav高度一致即可
    position: relative;
    top: -50px; // 偏移值
    display: block;
    visibility: hidden; //不让它展示
}

这样就可以解决偏移问题了，我们加这个这样一个class，学名叫 暗锚 ，涨知识了吧！