【发布时间】：2021-09-28 07:47:18
【问题描述】：
我有一个 Nextjs 网络应用程序，其中包含一个带有汉堡菜单、徽标和头像的导航栏。在桌面（chrome、mozilla、brave - 开发者工具移动模式）中，导航栏工作得非常好。在 Android 手机上的 chrome 中，导航栏工作得非常好。
在 iPhone X、11 和 12 上的任何浏览器中，导航栏完全没有响应，在可滚动的页面上无法点击。
在这些页面上，我渲染了导航栏，然后是一个包含此页面内容的容器。此容器具有以下 css：
// style={{ overflow: "hidden", overflowY: "scroll", height: "100%" }}
如果我删除这块 css，导航栏会再次工作，但显然该组件不可滚动，这是另一个不受欢迎的结果。
我在内联和 css 模块中都尝试过，结果相同。这很烦人，因为它可以在桌面和安卓上完美运行。可能是什么问题？
【问题讨论】：
标签： html css ios reactjs next.js