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

时间:2015-03-05 08:44:42

标签: ios iphone safari overflow hidden

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

我已经建立了一个测试站点,将必要的功能剥离到最小,以便我可以测试错误的位置。但是,似乎iPhone和溢出属性不能很好地协同工作......

以下是测试网站:link

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

如果我从 html,body {} 中移除溢出属性并将其仅放在正文上,则此功能再次有效,但水平溢出没有被剪裁......

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

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

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

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

0 个答案:

没有答案