Javascript 如何使此导航栏在滚动时浮在顶部？

整个导航栏及其JavaScript设置都可以在这里找到

---

现在它停留在页面的顶部，但我想知道它是否可以在页面向下滚动时浮动在顶部。谢谢。

就在我脑海中，下面的内容应该可以做到

.nav{
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   width:100%;
}

---

就在我的脑海里，下面这些应该可以做到

.nav{
   display:block;
   position:absolute;
   top:0;
   left:0;
   right:0;
   width:100%;
}

---

我认为您需要使用

位置：fixed

nav {
position:fixed;
top:0;
width:100%;
}

---

这里是

我想你需要使用

位置：fixed

nav {
position:fixed;
top:0;
width:100%;
}

---

如果您的元素是“nav”或元素类是“.nav”，请使用以下css代码：

nav, .nav{
position:fixed;
top:0;
width:your_custom_with;
height: your_custom_height
}

注意：查看这篇css定位文章了解更多详细信息：

---

如果您的元素是'nav'或元素类是'.nav'，请使用以下css代码：

nav, .nav{
position:fixed;
top:0;
width:your_custom_with;
height: your_custom_height
}

注意：查看这篇css定位文章了解更多详细信息：

---

不相关，但如果单击下拉菜单，再次单击关闭，离开鼠标后，悬停效果仍然存在：O@ajax333221是的，我从来没有注意到，谢谢你指出这一点！但是，如果单击下拉菜单，然后再次单击以关闭，则离开鼠标后，悬停效果仍然保持：O@ajax333221是的，我从来没有注意到，谢谢你指出这一点！谢谢，实际上我以前试过这个

position:fixed

选项，但很明显我的css设置中有其他东西把它搞砸了。它在JSFIDLE沙箱中工作得很好，但在我的实际页面中却不是这样。我需要弄清楚，但现在我确定这不是

nav

的问题。谢谢，实际上我以前试过这个

position:fixed

选项，但很明显我的css设置中有其他东西把它搞砸了。它在JSFIDLE沙箱中工作得很好，但在我的实际页面中却不是这样。我需要弄清楚，但现在我确定这不是

nav

的问题。谢谢，我查看了那个页面，正如我在回复@inrbob时提到的，还有一些事情搞砸了；-）谢谢，我查看了那个页面，正如我在回复@inrbob时提到的，还有别的东西把事情搞砸了；-）