Wordpress 网站标题在滚动页面元素后面移动

Question

在我建立的 wordpress 网站 (www.theblackseeds.com/home) 上，当向下滚动时，整个网站标题有时会变得静态/粘滞，页面元素会在顶部/后面滚动。它也略微向右移动。它应该与页面的其余部分正常滚动。

在 Mac 上的 Chrome 中似乎没有发生这种情况。
在 Mac 上的 Safari (9.1.3) 中似乎一直都在发生这种情况。
它似乎通常发生在 Mac 上的 Firefox 中，只有当用户在整个页面加载之前向下滚动时才会发生。如果页面已完全加载，它会正常滚动。

我被难住了，有什么想法吗？我尝试更改站点标题 div 上的位置元素，z-index，添加高度，似乎没有任何帮助。

Answer 1

当您在页面上向下滚动时，masthead-fixed 类将应用于 body 标记。

您可以找出发生这种情况的原因（它在 Javascript 中的某个位置）并停止它，或者声明一些 CSS 覆盖：

.masthead-fixed .site-main {
    margin-top: auto !important;
}

.masthead-fixed .site-header {
    position: static !important;
}