返回上一级

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

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

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

1html {
2    scroll-padding-top: 200px;
3    scroll-behavior: smooth;
4}

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

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

网络上的反面教材:

1.content {
2    margin-top: -80px;
3    padding-top: 100px;
4    display: block;
5}