【发布时间】：2015-01-27 21:01:12
【问题描述】：
我正在寻找一种解决方案，以防止 Chrome 地址栏在向下滚动时隐藏在 iPhone/iPad 上。 MailChimp 已经让这个工作。如果您登录 MailChimp 并使用 iPhone/iPad，您会注意到 Chrome 地址栏被锁定在顶部。弹性滚动仍在原位，但地址栏已锁定到位。谢谢！
【问题讨论】：
标签： javascript ios css google-chrome address-bar
【发布时间】：2015-01-27 21:01:12
【问题描述】：
将 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。我必须在这一点上进行试验。