粘性标题跳(Wordpress主题)

时间:2015-03-12 16:24:29

标签: jquery html css wordpress header

我是HTML / CSS / PHP的完全初学者;我从使用粘性标题的现有WP主题构建网站。主题是 onetone 。我已经能够对它进行大量定制,但找不到标题给我的问题的解决方案。

以下是网站:http://firstinkstudios.com/

滚动时,标题会在粘贴到页面顶部之前急剧跳跃;滚动回到顶部时会发生同样的情况。

(请忽略其他错误,网站正在建设中)

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

我之前在Stack Overflow上看过类似的问题和回答,但根据我目前的理解水平,他们有点过头了。我理解这个问题,但在我的具体情况下无法解决。

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

提前谢谢。

2 个答案:

答案 0 :(得分:0)

onetone.js第166行中,代码读作:

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

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

.home-header {
    position: fixed;
}

答案 1 :(得分:0)

我今天正在努力,我找到了解决方案。 从

更改CSS
.fixed-header .main-header {
    display: none;
}

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

这样可以在所有页面上平滑滚动。