固定导航内部链接



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

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

我该怎么做呢?Javascript是唯一的方法还是我可以用CSS?

是的,唯一的方法是使用Javascript。因为它可能使用锚标记(或者至少这是一种很好的方法)。

当我做这样的事情时,我必须看到我要在页面的多远的地方动画,然后添加X像素量来抵消固定导航条。否则,我想去的区域会在固定导航栏后面(这不是很好)。

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

最新更新