Javascript 首先出现的导航栏

我是一个新的编码（和英语太），我有一个问题在我的网站。 加载时，导航栏会首先快速出现，我不想要它。 我希望它只在我滚动时出现

这是我的网站：

---

你能帮我修一下吗？

你的意思是当窗口很窄的时候，因为在大屏幕上，它就像你想要的那样

我给你一个只有JS的答案，因为如果用户在关闭JavaScript的情况下浏览，你希望你的菜单出现。所以我没有设置显示：CSS中没有

我已经测试过了，它能正常工作！但是，您可能希望在检查中进一步包装topNav.css调用，以便它仅在您指定的断点上工作

这个脚本依赖于jQuery，所以在加载jQuery之后包含它

JavaScript:

;(function ($) {
  $(function () {
    var topNav = $("#top-nav-panel").css("display", "none")

    $(window).scroll(function () {
      topNav.css("display", window.scrollY ? "block" : "none")
    })
  })
})(jQuery)

---

如果它在某些触摸屏设备上的行为与预期不符，您可能需要收听除“滚动”之外的其他事件

通过在

样式中添加
显示：无
，可以修复快速出现的导航栏。css

：

section#top-nav {
    display : none;
}

---

请分享一些代码。这里有一些好的文档可供阅读，以确保您在堆栈溢出问题上提出了好的、有良好文档记录的、广受欢迎的问题。欢迎来到社区！：-）伊森，它是怎么运作的？我必须把这个代码放在哪里？当我把它放在我的JS中时，它还不能工作。但是，在我的css中，显示一个也不起作用。