锚点定位被顶部固定导航栏遮住（仅CSS）

[hans000]

问题描述

锚点定位被顶部固定导航栏遮住，浏览器默认行为，非js滚动

解决方案

• 滚动元素设置 scroll-padding-top

// 缺点是滚动有粘滞性，似乎更适合做幻灯片效果
html {
  scroll-padding-top: 60px;
}

• margin-top负值

h2::before {
    content: "";
    display: block;
    height: 60px;
    margin-top: -60px;
}

h2::target {
    padding-top: 60px;
    margin-top: -60px;
}

参考链接

链接