jquery - 粘性标题跳转(Wordpress 主题)

Question

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

这是网站:http://firstinkstudios.com/

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

(请忽略其他错误，网站正在 build 中)

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

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

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

提前谢谢你。

Answer 1

在您的 onetone.js 第 166 行，代码如下:

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

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

.home-header {
    position: fixed;
}