如下锚点标签:

<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://stackoverflow.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/

最新文章

  1. RxJS + Redux + React = Amazing!(译二)
  2. KVM安装部署
  3. Html=&gt;Head=&gt;meta
  4. jquery.autocomplete.js 插件的自定义搜索规则
  5. 点击按钮文字变成input框,点击保存变成文字
  6. C# Dll动态链接库
  7. 【iOS知识学习】_iOS沙盒机制
  8. 许多js框架或js库的min版本是怎么做出来的?
  9. r语言之散点图绘制及参数
  10. php 租房子(练习题)
  11. MyBatis注解配置动态SQL
  12. PhiloGL学习(3)——程序员的法宝—键盘、鼠标
  13. ajax基本用法介绍
  14. shell脚本新建文件夹或用到目录时多出M或者?之类的
  15. Windows下用VS2015+MSYS编译OpenH264
  16. 常用类(Date,Calendar,Math,枚举)
  17. mezzanine的page表
  18. Vue2.5开发去哪儿网App 第三章笔记 下
  19. 架构-虚拟路由器冗余协议【原理篇】VRRP详解
  20. osgearth缓存数据命令

热门文章

  1. centos7之zabbix3.2搭建
  2. Shell命令-文件及内容处理之iconv、dos2unix
  3. ThreadPoolExecutor 中的 shutdown() 、awaitTermination() 、 shutdownNow() 的用法
  4. DesigningFormsinAccess2010
  5. 鼠标事件-MouseEvent【转】
  6. luogu P1250 种树
  7. 在mobaxterm内连接deb使用lrzsz进行文件传输
  8. Django自定义分页
  9. 一文入门NodeJS
  10. prometheus rules