iOS/iPhone 在溢出隐藏时禁用自动隐藏地址栏?

Mit*_*ell 5 iphone safari hidden overflow ios

我在使用overflow:hidden属性的 iPhone 上遇到了问题。每当我使用此属性时,似乎滚动(向下)时 iPhone 上地址栏的自动隐藏/折叠功能不再起作用(Safari iOS)。

我制作了一个测试站点,将必要的功能剥离到最低限度,以便我可以测试错误在哪里。然而,似乎 iPhone 和 overflow 属性不能很好地协同工作......

这是测试站点:链接

我正在尝试为超出屏幕宽度的任何内容隐藏水平溢出,并能够垂直滚动。因此 body 和 html 的宽度高度100%以及overflow-x:hidden属性。这非常适合我想要实现的目标。但是,iPhone 上 iOS Safari 中地址栏的自动隐藏/折叠功能似乎不再起作用。

如果我从html, body {} 中删除溢出属性并将其仅放在body 上,则此函数再次起作用,但不会剪切水平溢出...

我搜索了很多地方并阅读了很多文章,但没有找到合适的解决方案。

建议和尝试的解决方案包括将“位置:相对”属性添加到正文,使用javascript“强制身体滚动”(也在测试站点上),定义一般的溢出:隐藏但包括溢出-y:自动,.. . .

我在我正在开发的网站上遇到了这个问题,我想在 body/html 上使用overflow:hidden并在里面的 div 上使用overflow-y:scroll。这是一个单页网站,其他内容在导航时水平“滑入”(通过调整包装器的left属性) - 因此需要一个overflow-x:hidden

是否无法使用overflow(-x):hidden属性并在 iPhone 上维护地址栏隐藏/折叠功能,或者我在这里遗漏了什么?