固定的导航内部链接

Question

我的网站顶部有一个固定的导航栏，它链接到页面下方的部分。但是，由于nav是固定在页面的顶部而不是文档流的一部分，因此它与我链接的部分重叠，而不是触摸该部分的确切顶部。这里是我的意思的例子：http://nashwp.guuhuu.com/

但我想要的是导航的底部停止在该部分的开头，所以它不重叠。这里是一个例子：http://wpdemo.themi.co/rythm/

那么我该如何做到这一点？是唯一的方法，或者我可以用CSS来完成吗？

Answer 1

是的唯一的方法是用Javascript。因为它可能使用锚标签（或者至少这是一个好办法）。

当我做这样的事情，我必须看看我要动画的页面有多远，然后添加X的像素数量来抵消固定的导航栏。否则，我想要去的地方在固定的导航后面（这不是很好）。

所以是最好的方法可能是JS。您也可以考虑对正在滚动的元素应用边距或填充。但我不确定浏览器是否始终滚动到该元素的顶部（无论是边距还是填充）。