固定导航内部链接

Question

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

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

那么我该如何实现呢？ Javascript 是唯一的方法还是我可以用 CSS 来做？

Answer 1

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

当我做这样的事情时，我必须看看我要动画的页面有多远，然后添加 X 数量的像素来偏移固定的导航栏。否则我想去的区域会落后于固定导航（这不是很好）。

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