解决锚定位被fixed遮挡

2021年 04月 05日

需求:锚定位元素跳转后会到达视口顶部时,不让fixed布局的导航栏遮挡

HTML

<header></header>
<a id="anchor"></a>

CSS

header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width:100%;
  height: 60px;
}

#anchor {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}

分类

CSS

相关文章

水平垂直居中 插入svg的方法

无留言,写一条

发表失败,请重试
发送成功! 一分钟后展示,请刷新
上一篇 下一篇