Html 固定元素随手机顶部导航栏移动

当浏览器导航栏显示时，我的站点移动导航栏被滚动到可查看区域，我遇到了一个问题。我尝试了一些方法来修复它，但是我似乎无法使它正常工作

向下滚动之前：

向下滚动后：

有关导航栏的SCS摘录：

nav{
显示器：flex；
弯曲方向：立柱；
浮动：左；
背景色：#3a3e4b；
身高：100%；
宽度：100px；
位置：固定；
}
//车身也会切换柔性方向，将导航杆置于底部。
@仅介质屏幕和（最大宽度：720px）{
导航{
弯曲方向：行；
高度：70像素；
宽度：100%；
}
}

此处提供完整的SCS：

我看了这些，但它们似乎都没有帮助：

---

这是一个与谷歌chrome相关的问题，你必须找到解决办法

当chrome手机顶部地址栏出现时，它会向下推页面，因此您会遇到此问题。 通过滚动页面，顶部的地址栏将消失

试试这段Javascript代码，您可以将其用作函数，也可以将其用作Javascript文件顶部的一行

scrollOnLoad();

function scrollOnLoad() {
   window.scrollBy(0, 1);
}

或

---

在导航样式中添加“底部：0”。

  window.scrollBy(0, 1);