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