修正锚点跳转位置 避免头部fixed固定部分遮挡

如下锚点标签:

<div id="id1">

  <span class="kkAnchor"></span>

   正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文

</div>

设置 css

.kkAnchor{display: inline-block;width:0.00001px;padding-top: 150px;margin-top: -150px;visibility: hidden;}

//注意:

A  :          padding-top: 150px;margin-top: -150px; 这里的值是你头部fixed 元素的高度。

B  :          若锚点动态生成,则动态添加去除<span class="kkAnchor"></span>

---------------------------------------------                       over                 --------------------------------------------------

参考:

https://*.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header

https://css-tricks.com/hash-tag-links-padding/

参考:https://css-tricks.com/hash-tag-links-padding/

上一篇:C# 添加系统计划任务方案


下一篇:无锁同步-C++11之Atomic和CAS