Javascript 固定的菜单溢出移动浏览器和不可滚动

只是为了练习而玩弄jQuery/CSS响应菜单，我遇到了一个问题，如果不从根本上改变菜单的工作方式，我根本不知道如何解决这个问题

基本上，如果你看一下，你就会知道它是如何工作的。如果你把浏览器窗口缩小到800px以下，它就会变成一个滑动菜单。它都是固定的位置，所以当你向下滚动内容时，在页面顶部保持可见

我遇到的问题是浏览器窗口太小（比如在手机上）。当你点击一个主菜单项（或桌面上的鼠标）如“信息”时，屏幕底部会列出许多子菜单选项，当你滚动页面时，菜单后面的内容会滚动，而不是菜单本身

显然，解决这个问题的办法是，当菜单打开时，它应该具有滚动优先权，当菜单关闭时，页面内容应该具有滚动优先权，但我完全不知道我该怎么做（或者如果可能的话）

这个菜单的固定到顶部的特性对我来说很重要，因为我想编写这个代码并在未来的移动项目中重用它。我意识到在移动浏览器上，子菜单也会溢出浏览器窗口的右侧，但我会通过缩小文本大小来解决这个问题

欢迎所有建议-非常感谢！

---

弗雷泽

不建议对移动设备使用“固定”位置，因为它基本上不受支持。请看这里：

正是位置“固定”导致了问题，因为固定位置从DOM的正常流中删除了元素

一个更好的方法是查看类似的插件