解决HTML锚点定位偏移最有效快捷的方法

在锚定的内容前加一个暗锚

<a class="target-fix" id="article"></a>
<artivle>主体内容...</article>

将锚点进行偏移，并隐藏占位：

.target-fix {
    position: relative;
    top: -44px; // 偏移值
    display: block;
    height: 0;
    overflow: hidden;
}

点击锚点，就可以到达锚定的内容了

<a href="#article"></a>