scss 当固定标头导致偏移时,Mixin固定锚点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 当固定标头导致偏移时,Mixin固定锚点相关的知识,希望对你有一定的参考价值。

.anchor-offset-setup(@offset) {
    h2[id]::before,
    h3[id]::before,
    h4[id]::before,
    h5[id]::before,
    h6[id]::before {
        display: block;
        content: "";
        padding-top: (@offset + 10);
        margin-top: -(@offset + 10);
    }
    a[name]:empty,
    a[id]:empty {
        display: inline-block;
        content: "";
        padding-top: (@offset);
        margin-top: -(@offset);
    }
}

以上是关于scss 当固定标头导致偏移时,Mixin固定锚点的主要内容,如果未能解决你的问题,请参考以下文章

偏移html锚以调整固定标题[重复]

修复标题偏移 html 锚点

javascript 锚点偏移链接从一个页面到另一个页面偏移固定标题

修复了标头隐藏错误消息

固定页眉和页内锚点与 Tripit Slate

css 跳转/锚点链接样式菜单的CSS解决方案,带有固定标题,导致跳转到页面上的错误位置。