我的网站顶部有一个固定的导航栏，链接到页面下方的部分。但是，由于导航被固定在页面的顶部而不是文档流的一部分，因此它与我链接的部分重叠，而不是导航的底部触及该部分的确切顶部。以下是我的意思：http://nashwp.guuhuu.com/
但我想要的是导航的底部停在该部分的开头，所以它不重叠。以下是一个示例：http://wpdemo.themi.co/rythm/
那么我该如何实现呢？ Javascript是唯一的方法，还是我可以用CSS做到这一点？
答案 0 :(得分：0)
是唯一的方法是使用Javascript。因为它可能使用锚标签（或者至少这是一个很好的方法）。
当我做这样的事情时，我必须看到页面下方我要设置动画的距离，然后添加X个像素来偏移固定的导航栏。否则，我想去的区域就会落后于固定导航（这不是很好）。
所以是的，最好的方法可能是JS。您还可以考虑对正在滚动的元素应用边距或填充。但我不确定浏览器是否总是滚动到该元素的最顶部（无论边距或填充）。