解决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