Javascript 删除固定导航菜单弹跳-jQuery？

我修改的模板的工作演示可以在以下url找到：

我一直无法确定是什么原因导致固定导航菜单出现恼人的反弹。如果向下滚动页面，菜单应向上移动，当其上边框到达页面顶部时停止；然而，它实际上刚好移动到页面顶部，然后又弹回来，造成恼人的反弹

我如何摆脱这种反弹？我假设这可能是由用于查询菜单位置的jQuery代码引起的。这就好像代码是在事后解决问题，而不是一开始就阻止问题的发生

我已经从原始模板中删除了标题，以便菜单最初显示在顶部；然而，当用户第一次向下滚动页面时，菜单会以类似的方式反弹，因此缺陷出现在原始模板中，而不是由于我所做的任何更改

我已经在下面的url上发布了修改过的模板，以防下面的代码不够用

jQuery（文档）.ready（函数（$）{
变量$filter=$（'.main navigationbwrap'）；
变量$filterSpacer=$（''{
“等级”：“过滤器滴隔器”，
“高度”：$filter.outerHeight（）
});
如果（$filter.size（））
{
$（窗口）。滚动（函数（）
{
if（！$filter.hasClass（'fix'）&&&$（window.scrollTop（）>$filter.offset（）.top）
{
$filter.before（$filterSpacer）；
$filter.addClass（“修复”）；
}
else if（$filter.hasClass（'fix'）&&$（window.scrollTop（）<$filterSpacer.offset（）.top）
{
$filter.removeClass（“修复”）；
$filterSpacer.remove（）；
}
});
}
});

好的，您已经完成删除标题HTML

现在还可以删除该jQuery。为了确保菜单导航位置始终固定在顶部，您可以仅通过CSS来实现这一点。下面是CSS示例

.site-headerbwrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

---

在您的情况下：将CSS代码粘贴到上面的

]>

行之前，然后保存您的模板

您想要什么？您想删除此导航菜单，还是想将此导航固定在顶部？我希望消除第一次滚动页面时出现的恼人的菜单反弹。您可以通过向上滚动在原始演示中看到这一点-菜单似乎刚过页面顶部，然后反弹回来。对不起，我的英语有点不好理解。您的意思是要删除固定菜单还是只是使其正常（不固定）。或者删除整个菜单和标题之间的内容？我很容易做到。你想做哪一个？我想删除标题。我想将菜单固定在页面顶部。请查看下面我的答案。我已经在你的模板上试过了谢谢你的帮助！

.site-headerbwrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}