防止 Chrome 浏览器地址栏在 iOS 设备中自动隐藏

Posted 2023-03-14

【中文标题】防止 Chrome 浏览器地址栏在 iOS 设备中自动隐藏

【英文标题】：Prevent Chrome Browser Address Bar from Auto-Hiding in iOS Devices

【发布时间】：2015-01-27 21:01:12

【问题描述】：

我正在寻找一种解决方案，以防止 Chrome 地址栏在向下滚动时隐藏在 iPhone/iPad 上。 MailChimp 已经让这个工作。如果您登录 MailChimp 并使用 iPhone/iPad，您会注意到 Chrome 地址栏被锁定在顶部。弹性滚动仍在原位，但地址栏已锁定到位。谢谢！

【参考方案1】：

将 body 元素的高度设置为正确的大小。对于没有地址栏的网络应用程序，我认为它应该是height: 672px !important; 看到这个问题：

ios 7 iPad Safari Landscape innerHeight/outerHeight layout issue

【讨论】：

感谢 Bjorn Tipling。虽然这确实可以防止自动隐藏，但如果页面在首屏下方，我将无法再向下滚动，即使使用 overflow-y:scroll。我喜欢这个解决方案，但还不够。

制作一个 y 轴滚动的容器 div，包含您的其余内容。

我在信封 div 中添加了滚动条，这确实让我能够在 y 轴上滚动，但是因为它是 div 滚动条与浏览器滚动条相比，与 MailChimp 相比它并不那么流畅解决方案。这种方法也失去了弹性滚动效果。迄今为止最好的解决方案；

你试过查看 MailChimp 的 css 吗？还可以尝试在 html 而不是 body 上设置 css。我必须在这一点上进行试验。