Javascript 滚动至固定标题锚定,标题后面隐藏内容,边距和顶部填充无效

Javascript 滚动至固定标题锚定,标题后面隐藏内容,边距和顶部填充无效,javascript,header,scroll,anchor,fixed,Javascript,Header,Scroll,Anchor,Fixed,我正在使用smoothscroll.js浏览我的网站。在Firefox中,它停在正确的锚点上,而在Chrome中,它在第一次点击链接时通过该点,并将内容推到顶部,将内容隐藏在页面后面。然后,如果再次单击它,它将正确对齐。我在其他网站上也看到了这些问题。好奇地想知道其他人是否也有同样的问题。Chrome似乎忽略了任何顶部填充、边距或定位(例如:top:20%;) 已解决: 有几种方法可用。这可能是由于新的wordpress主题使用了标题html5元素。我将标题改为div,效果很好。我过去经常这样做

我正在使用smoothscroll.js浏览我的网站。在Firefox中,它停在正确的锚点上,而在Chrome中,它在第一次点击链接时通过该点,并将内容推到顶部,将内容隐藏在页面后面。然后,如果再次单击它,它将正确对齐。我在其他网站上也看到了这些问题。好奇地想知道其他人是否也有同样的问题。Chrome似乎忽略了任何顶部填充、边距或定位(例如:top:20%;)

已解决:


有几种方法可用。

这可能是由于新的wordpress主题使用了标题html5元素。我将标题改为div,效果很好。

我过去经常这样做

它允许您进行顶部偏移

$.localScroll({
    offset: -100
});

我很难理解这些方法中的#目标是如何与演示中的目标关联的,但没有成功。有什么提示吗?Nicolas Gallagher的方法与只涉及HTML和CSS的方法相比有点复杂:a.anchor{display:block;position:relative;top:-50px;visibility:hidden;}我还认为,在尝试了几种方法之后,hidden是一个非常简单和不错的解决方案。它使您能够很好地控制链接元素的位置,而不会破坏正常的布局,您可以根据需要使用边距和填充。戴维詹姆斯