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

Question

在我建立的wordpress网站（www.theblackseeds.com/home）上，有时向下滚动时，整个网站标题有时会变得静止/发粘，页面元素会滚动到顶部/底部。它也稍微向右移动。它应该只在页面的其余部分正常滚动。

在Mac上的Chrome中似乎没有发生。
Mac上的Safari（9.1.3）似乎一直在发生这种情况。
这似乎确实发生在Mac上的Firefox中，只有在用户在整个页面加载之前向下滚动时才会发生这种情况。如果页面已完全加载，它将按正常方式滚动。

我很困惑，有什么想法吗？我尝试更改site-header div上的position元素，z-index，添加高度，似乎没有任何帮助。

Answer 1

当您向下滚动页面时，masthead-fixed类将被应用到body标签。

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

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

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