当锚点遇上顶部header占位的解决办法

发表于 | 更新于 | 阅读次数 1
当锚点遇上顶部header占位的解决办法

http://www.ydcss.com/archives/209

背景：在开发PC网站时，有时我们会遇到需要增加锚链接的情况，但是PC网站一般都设有header区域，正常的锚链接跳转会定位到顶部，便会挡住一部分，所以需要考虑解决它，让用户的体验更好

原理：给“锚点内容”加上

1
2
padding-top:80px; // 80为header的高度
margin-top:-80px;

即解决我们的问题