Javascript 使用粘性子导航问题平滑滚动

我正在创建一个带有固定标题和带有平滑滚动条的粘性子导航的网页。我的问题是，当单击指向其目标元素的sub-nav第一个链接时，粘性sub-navigation不会显示。有人知道如何解决这个问题吗

以下是图片。澄清我的问题。

这是我的密码。

//平滑滚动
var$=jQuery.noConflict（）；
$（函数（）{
$（“.smoothScroll”）。单击（函数（）{
如果(
location.pathname.replace（/^\/，“”）==
此.pathname.replace（/^\/，“”）&&
location.hostname==this.hostname
) {
var target=$（this.hash）；
target=target.length？目标：$（“[name=“+this.hash.slice（1）+”]）；
if（目标长度）{
$（“html，body”）.animate(
{
scrollTop:target.offset（）.top-200
},
1100
);
返回false；
}
}
});
});
//粘性子导航
$（窗口）。滚动（函数（）{
var height=$（'.content item.odd'）.outerHeight（）；
如果（$（窗口）.width（）<“767”）{
如果（$（窗口）.scrollTop（）>=200）{
$（'.content-item.odd'）.addClass（'fixed-header'）；
$（'.content item.odd'）.css（{“位置”：“固定”，“宽度”：“100%”，“顶部”：“90px”，“边框顶部”：“1px实心#fff”}）；
}
否则{
$（'.content-item.odd'）.removeClass（'fixed-header'）；
$（'.content-item.odd'）.removeAttr（“样式”）；
}
}else if（$（窗口）.width（）<“1024”）{
如果（$（窗口）.scrollTop（）>=550）{
$（'.content-item.odd'）.addClass（'fixed-header'）；
$（'.content item.odd'）.css（{“位置”：“固定”，“宽度”：“100%”，“顶部”：“90px”，“边框顶部”：“1px实心#fff”}）；
}
否则{
$（'.content-item.odd'）.removeClass（'fixed-header'）；
$（'.content-item.odd'）.removeAttr（“样式”）；
}
}else if（$（窗口）.width（）>“2000”）{
如果（$（窗口）.scrollTop（）>=1000）{
$（'.content-item.odd'）.addClass（'fixed-header'）；
$（'.content item.odd'）.css（{“位置”：“固定”，“宽度”：“100%”，“顶部”：“90px”，“边框顶部”：“1px实心#fff”}）；
}
否则{
$（'.content-item.odd'）.removeClass（'fixed-header'）；
$（'.content-item.odd'）.removeAttr（“样式”）；
}
}否则{
如果（$（窗口）.scrollTop（）>=700）{
$（'.content-item.odd'）.addClass（'fixed-header'）；
$（'.content item.odd'）.css（{“位置”：“固定”，“宽度”：“100%”，“顶部”：“90px”，“边框顶部”：“1px实心#fff”}）；
}
否则{
$（'.content-item.odd'）.removeClass（'fixed-header'）；
$（'.content-item.odd'）.removeAttr（“样式”）；
}
}
});
正文{
保证金：0；
填充：0；
}
正文>标题{
字体系列：“Gill Sans”、“Gill Sans MT”、“Sans serif”；
位置：固定；
*位置：绝对位置；
排名：0；
左：0；
填充：0；
颜色：#FFF；
背景色：#000；
*背景色：rgba（0,0,0,0.75）；
宽度：100%；
z指数：20；
}
body>header.wrapper{
填充：0px 10px；
}
正文>标题部分{
显示：块；
位置：绝对位置；
顶部：15px；
*左：50px；
}
正文>标题导航{
显示：块；
字体大小：11px；
字体大小：粗体；
线高：50px；
文本对齐：右对齐；
文本转换：大写；
字母间距：1px；
边框底部：1px实心#000；
}
车身>收割台导航ul li{
显示：内联块；
填充：0 20px；
过渡：填充0.2秒；
}
车身>收割台导航ul li a{
显示：内联块；
位置：相对位置；
过渡：颜色0.3s；
填充顶部：40px；
}
正文>标题a{
颜色：#FFF；
}
ol，ul{
列表样式：无；
保证金：0；
填充：0；
}
.bgImg{
边缘顶部：90像素；
}
.bgimgimg{
宽度：100%；
高度：70vh；
对象匹配：覆盖；
}
.包装纸{
最大宽度：1300px；
保证金：0自动；
填充：30px 20px 0px 20px；
}
.组{
显示器：flex；
弯曲方向：行；
证明内容：中心；
柔性包装：包装；
}
.小组，一半{
宽度：计算值（100%/4）；
大纲：无；
文本对齐：居中！重要；
}
.一半{
宽度：100%；
}
.content-item.odd{
背景：#000；
z指数：3；
}
.prsub.content wrap{
最大宽度：1300px；
保证金：0自动；
边框顶部：1px实心#c9ced1；
填充顶部：0px；
}
.prsub.组，一半{
宽度：计算值（100%/3）；
}
.一半，img{
填充：0px 2px 0px 2px；
}
.内容{
填充：20px0；
}
h4.入门级职称{
位置：绝对位置；
保证金：0；
颜色：#fff；
字体系列：“Abril Fatface”；
字体大小：30px；
文本转换：大写；
字体大小：粗体；
填充：0；
顶部：10px；
字母间距：1px；
文本对齐：居中；
}
.菜单{
文本对齐：右对齐；
}
李先生{
显示：内联块；
}
.菜单李a{
颜色：#fff；
右边框：1px实心#fff；
填充：6px 10px；
}
.content-item.odd{
背景：#000；
z指数：3；
}
.菜单{
文本对齐：右对齐；
}
.content-item.odd.wrapper{
填充底部：0px！重要；
}
主要{
背景色：#fff；
填充：0像素0；
利润上限：-4px；
溢出：隐藏；
位置：相对位置；
z指数：15；
}
.content-item.odd.wrapper{
填充：0px！重要；
}
.prsub.content wrap{
最大宽度：1300px；
保证金：0自动；
边框顶部：1px实心#c9ced1；
填充顶部：0px；
}
主要条款h2{
字体系列：“Abril Fatface”；
字体大小：30px；
文本转换：大写；
颜色：#000；
字体大小：粗体；
保证金：0；
文本对齐：居中；
线高：1；
边缘底部：20px；
}
主要条款ul，主要条款ol{
颜色：#404041；
显示：块；
字体大小：24px；
字体大小：正常；
列表样式类型：disc；
}
主要条款部分{
字号：18px；
}
主要文章ul li，p{
字号：18px；
利润率：10px0；
列表样式：无；
文本对齐：居中；
颜色：#000；
}
.prsub h3{
文本转换：上