哈希锚点选择偏移问题(fixed标题栏导致)解决

在需要被选择的div前面添加一个空div,比如class为emptyBox的div,将各个将被选择的div的id赋值给各个emptyBox,一个emptyBox对应一个将被选择的div,并且使用样式

  position: relative;

  top: -60px;

其中60px是固定标题栏的高度,需要注意emptyBox的高度可以为0,它只是作为锚点选择对象的替代,具有的偏移量可以让修改后的视觉效果看起来和哈希锚点选择没有偏移一样(实际上是偏移了)

这是由于博主的页面不能通过设置padding-top,margin-top才想到,除了这个方法,还可以通过设置padding-top为正数,margin-top为负数实现

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值