锚链接定位距离顶部问题

Question

上面部分文字被挡住了:

---

这样才是比较好的效果:

尝试了这个教程的方法好像不行：http://www.ldsun.com/1815.html

大神支招啊，感谢 :)

Answer 1

啊看到最后明白了，是之前我回答的那个问题的续集，稍加修改就可以了，减去顶部菜单的高度。

$('body').scrollTop(scrollTop.top - $('#cate-nav').height());

Answer 2

这个问题产生的原因就是向上定位的不够，页面应该定在锚点所在位置再加上fixed导航的height，那你在原本的锚点位置前建立一个height为0，position为relative的块元素来充当新的锚点，并把这个元素的top值设为负的导航的height，这样这个新锚点位置就加上了导航height，也就不会被遮住了

Answer 3

纯css的解决方案
戳我

Answer 4

页头标签::before {
content: "";
display: block;
height: 60px; / fixed header height/
margin: -60px 0 0; / negative fixed header height /
}
前面加css直接搞定