html - 固定导航内部链接

Question

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

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

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

Answer 1

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

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

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