Javascript 如何修复滚动时顶部的导航栏
好的，我想修复顶部滚动的导航栏，就像这个网站- 好的，我知道，他们有很多类似的问题，但我无法在我的代码中应用它们。请帮忙 这是我的Javascript 如何修复滚动时顶部的导航栏,javascript,html,css,Javascript,Html,Css,好的，我想修复顶部滚动的导航栏，就像这个网站- 好的，我知道，他们有很多类似的问题，但我无法在我的代码中应用它们。请帮忙 这是我的 正文{ 宽度：100%； 身高：100%； 边际：0px； } navbar先生{ 列表样式类型：无； 保证金：0； 填充：0； 溢出：隐藏； 背景色：#F2F2； } 李国宝先生{ 浮动：左； } 李a,， .dropbtn{ 显示：内联块； 颜色：#333； 文本对齐：居中； 填充：14px 16px； 文字装饰：无； } 李娜：悬停， .dropdown:悬
正文{
宽度：100%；
身高：100%；
边际：0px；
}
navbar先生{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#F2F2；
}
李国宝先生{
浮动：左；
}
李a,，
.dropbtn{
显示：内联块；
颜色：#333；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：悬停，
.dropdown:悬停.dropbtn{
背景色：#333；
颜色：#F2F2；
}
.navbar li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#333
}
.导航栏.显示{
显示：块；
}
.xavierslogo{
宽度：110px；
高度：109px；
左缘：20%；
}
.xavierstext{
宽度：；
身高：；
左边缘：0%；
}
.topbg{
背景色：#333；
}
Z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
jQuery$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>$（'header'）.height（））
$（'.navbar'）.addClass（'topNav'）；
其他的
$（'.navbar'）.removeClass（'topNav'）；
});
});
正文{
宽度：100%；
身高：100%；
边际：0px；
}
navbar先生{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#F2F2；
}
李国宝先生{
浮动：左；
}
李a,，
.dropbtn{
显示：内联块；
颜色：#333；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
李娜：悬停，
.dropdown:悬停.dropbtn{
背景色：#333；
颜色：#F2F2；
}
.navbar li.下拉列表{
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#333
}
.导航栏.显示{
显示：块；
}
.xavierslogo{
宽度：110px；
高度：109px；
左缘：20%；
}
.xavierstext{
宽度：；
身高：；
左边缘：0%；
}
.topbg{
背景色：#333；
}
托普纳夫先生{
位置：固定；
排名：0；
宽度：100%；
}
Z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
z
您可以使用引导，只需将class.navbar fixed top
添加到
标记中即可。它只需修复顶部导航栏：/