返回上一级
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}