解决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>
觉得文章不错就支持一下呗~

本文版权归 June 所有,采用 CC BY-NC-ND 4.0 国际许可协议 授权。
非商业转载请注明作者及原文链接,禁止改编及用于商业用途,商业合作请联系:yula.qian@gmail.com