Javascript I'；我一直试图在滚动时将导航栏固定在顶部。但它仍然固定在中间。

我一直试图在滚动时将导航栏固定在顶部。但它在初始位置保持固定，不会移动到停止位置，也不会像我所希望的那样固定。代码如下：

我尝试了W3学校教程、引导和物化。但似乎没有任何帮助。这是我最后的办法

div.wrapper{
字体系列：Comic Sans MS；
宽度：50%；
右：25%；
左：25%；
文本对齐：对齐；
}
托普纳夫先生{
溢出：隐藏；
背景色：#80F；
边界半径：0%；
位置：固定；
}
.topnav a{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
.topnav a:悬停{
背景色：#6900c4；
颜色：白色；
}
.主动{
背景色#490089；
颜色：白色；
}
.topnav.icon{
显示：无；
}

您可能需要：

.topnav 
{
    overflow: hidden;
    background-color: #80F;
    border-radius:0%;
    position:fixed;
    top: 0;
    left: 0;
}

在使用

固定

或

绝对

定位时，最好指定定位点（

顶部

，

底部

，

左侧

，

右侧

）

.topnav 
{
    overflow: hidden;
    background-color: #80F;
    border-radius:0%;
    position:fixed;
    top: 0;
    left: 0;
}

---

在使用

固定定位

或

绝对定位时，最好指定定位点（
顶部
，
底部
，
左侧
，
右侧
）。但还是要谢谢你！我将徽标调整到导航栏下方，这样导航栏的位置就不会有问题了。@Wije我仍然建议您明确指定所需的位置。但是，如果您不打算这样做，请确保在所有目标浏览器中都选中它。没有明确定位的固定位置可以谢谢你，正如你所说，我提到了顶部，并将徽标移到导航栏下方。它现在很好用。这不是我期望的确切解决方案。但还是要谢谢你！我将徽标调整到导航栏下方，这样导航栏的位置就不会有问题了。@Wije我仍然建议您明确指定所需的位置。但是，如果您不打算这样做，请确保在所有目标浏览器中都选中它。没有明确定位的固定位置可以谢谢你，正如你所说，我提到了顶部，并将徽标移到导航栏下方。现在很好用。