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

时间:2011-01-29 08:27:57

标签: javascript header scroll anchor fixed

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

3 个答案:

答案 0 :(得分:10)

答案 1 :(得分:0)

我用Local Scroll (JQuery)来做这件事。

它允许你做一个顶部偏移

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

答案 2 :(得分:-3)

这可能是由于使用标题html5元素的新wordpress主题。我将标题更改为div,它运行正常。