粘性标题跳转（Wordpress 主题）

Posted 2023-03-06

【中文标题】粘性标题跳转（Wordpress 主题）

【英文标题】：Sticky header jumps (Wordpress theme)

【发布时间】：2015-05-14 22:12:25

【问题描述】：

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

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

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

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

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

我之前在 Stack Overflow 上看到过类似问题的提问和回答，但就我目前的理解水平而言，它们有点超出我的想象。我了解这个问题，但在我的具体情况下无法解决。

所以我想知道是否有人可以在这方面帮助我。我会提供任何必要的 sn-p 代码。

提前谢谢你。

【参考方案1】：

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

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

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

.home-header 
    position: fixed;

【讨论】：

非常感谢，sdcr！这就像一个魅力。附：我应该将第 166 行编辑为： $('.sticky-header').css( 'position': 'fixed' ).removeClass('fxd'); ...或者只是禁用它（以及编辑 CSS？）

标记为已回答。再次感谢您的迅速而明确的答复。

【参考方案2】：

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

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

到

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

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