javascript - 滚动到带有固定标题的锚点，隐藏在标题后面的内容，边距和顶部填充不起作用

Question

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

Answer 1

已解决：http : //nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D

有几种方法可用。

Answer 2

我使用本地滚动（JQuery）来做到这一点。

它允许您进行顶部偏移

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

Answer 3

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