CSS #锚点定位不准确

700 阅读1分钟

问题描述:

在写官网的时候,锚点定位的地方总是会偏上一点,这是由于锚点定位针对的是html定位的,当你有导航栏的时候,便会被导航栏遮挡一部分

解决方法:

    // 如果是全局的滚动则直接在html标签上设置就可以,若是要容器内的滚动定位则换成对应容器标签即可
    html {
    scroll-behavior: smooth;  // 能让锚点缓慢滚动
    /* 解决锚点位置被导航栏遮挡 */
    scroll-padding-top: 100px; // 被遮挡的高度, 我这里因为导航栏高度为100,所以距离顶部滚动开始位置设置为100
    }