HTML 锚点偏移方法 防止被头部遮挡

由于顶部菜单存在 position:fixed ,而引起的的锚点位置偏移。

在css中,给锚点添加偏移量,直接就可以了

html {
    scroll-padding-top: 200px;
}

就是这么简单的办法,我不知道为什么百度搜不出来

其他不是用正负边距进行抵消,就是用js写滚动。

网络上的反面教材:

.content {
    margin-top: -80px;
    padding-top: 100px;
    display: block;
}

© 版权声明
分享是一种美德,转载请保留原链接
THE END

文章不错?点个赞呗
点赞 0

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部