Sticky header 跳跃（Wordpress 主题）

Question

我是 HTML/CSS/PHP 的初学者；我正在从使用粘性 header 的现有 WP 主题构建网站。主题是 onetone。我已经能够对其进行大量自定义，但找不到 header 给我的问题的解决方案。

滚动时，header 在停留在页面顶部之前跳动；当您滚动回到顶部时，也会发生同样的情况。

（其他错误请忽略，网站正在建设中）

我已经能够确定问题所在，javascript jQuery Parallax v1.1.3 中的一行；但是，在用具有相同功能的不同脚本替换该特定脚本后，问题仍然存在。因此，主题本身的编码会向 header 添加不需要的样式。我摆弄 CSS 和 PHP 试图解决错误，但似乎无法更正它。

我之前在 Stack Overflow 上看到过类似的问题，但以我目前的理解水平，它们有点超出了我的理解范围。我明白这个问题，但在我的具体情况下无法解决。

所以我想知道是否有人可以在这方面帮助我。我将提供任何必要的代码片段。

提前致谢。

Answer 1

在您的 onetone.js 行 166 中，代码读作：

$('.sticky-header').css({ 'position': 'static' }).removeClass('fxd');

我不知道为什么你想要 static 如果你想要 fixed header。尝试禁用它并将其添加到您的 CSS:

.home-header {
    position: fixed;
}

Answer 2

我今天正在研究它，我找到了解决方案。将 CSS 从

更改为

.fixed-header .main-header {
    display: none;
}

至

.fixed-header .main-header {
    display: inline;
}

这将在所有页面上实现平滑滚动。

Sticky header jumps (Wordpress theme)