Html 固定位置内容大于文档或窗口/设备高度

注意：我已经修改了这篇文章的主题和部分内容

我正在编写一个响应菜单，它是

position:fixed

和

overflow-y:scroll

菜单的高度可以大于设备屏幕的高度，我正试图找到一个解决方案，使菜单可以滚动，而不管文档或窗口/设备的高度

我在这里制作了一个小演示： ?

这是codepen iframed链接：

除非我遗漏了什么，否则我认为垂直固定位置菜单是不可能的。主要原因是菜单的高度大于设备窗口的高度

是否有一个解决方案来实现这一点

--另外 我最初的问题是 iOS底部的“导航”栏似乎有一个保留的触摸区域，这与我菜单中的最后一个元素冲突-见下图

这会阻止我单击菜单中的最后一项

有解决办法吗

---

试着从底部到你的

ul

进行填充。或者提供您的代码以获得更好的答案。我会将整个菜单包装在另一个位置固定的包装器中，顶部：0；左：0；底部：0；右：0；和overflow-y：滚动@乔纳斯·格鲁曼-谢谢，就快到了。当导航切换到slidedown时，我为.mainnav包装器添加了一个.active`class