Jquery 小型设备上的css下拉菜单问题

我正在尝试在我的iPhone媒体查询上设置修复菜单。只要我在页面顶部单击菜单，它就可以正常工作，但只要我向下滚动页面，然后单击菜单，它就无法正常折叠，直到我再次滚动到页面顶部。 除480px及以下的媒体查询外，它在所有其他媒体查询上正常工作。这是最新的

---

-Sohail

您将需要在菜单按钮上设置z索引

.menu-button {
position: fixed;
width: 100%;
top: 0;
left: 0;
display: block;
padding: 1em;
background: #ff8400;
color: #222222;
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
z-index: 99; <-- HERE
}

---

我看不出这也影响了li项目。但是我是否应该更改.menu按钮的边距以便于更改.flexnav li项的边距？此外，我还需要为#文章添加边距，以便将其向下推到较低的媒体查询上。谢谢，博客菜单帖子显示在菜单中，文章内容也显示在应有的位置。我仍然有一个菜单问题，如果我在向下滚动页面后单击它，它不会折叠，直到我再次向上滚动到页面顶部。我还认为，对于高于480px的媒体查询，边距上限值应该更低。有一种方法可以通过向.flexnav类添加一个类来做到这一点：。flexnav{position:fixed；}谢谢，这已经解决了：）但我需要补偿边距上限：52px；（因此，最顶级的li项目Blogg出现在手机上）但对于iPad@media all和（最小宽度：800px），我想把页边空白放在顶部：0px；（第638行）甚至-140px，但这没有效果。

.flexnav.flexnav-show {
max-height: 2000px;
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
margin-top: 52px; <-- HERE
}

p:first-child {
   margin-top: 50px;
}