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

Question

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

Answer 1

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

有几种方法可供选择.

Answer 2

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