iOS 7 Safari 自动缩小/隐藏 UI 元素在滚动时不起作用

【问题标题】：iOS 7 Safari auto shrinking/hiding UI elements not working when scrolliOS 7 Safari 自动缩小/隐藏 UI 元素在滚动时不起作用
【发布时间】：2013-09-30 06:35:30
【问题描述】：

当您在 iOS 7s Safari 中滚动网页时，URL 栏会缩小，底部导航栏会消失。在网站上，我正在努力避免发生这两件事。

在我添加 -webkit-overflow-scrolling: touch; 之前，动量/惯性滚动效果不佳。到 html 元素。

我无法想象我在代码中添加了什么元素来让它像这样锁定 Mobile Safari。

希望这不是一个重复的问题，除了“缩小/隐藏”之外，很难知道该怎么称呼它。

【问题讨论】：

标签： ios mobile safari scroll ios7

【解决方案1】：

我昨晚在 Maximiliano Firtman 的文章 Breaking the Mobile Web 的一篇文章中偶然发现了解决方案。文章指出了 iOS 7 中新的 Mobile Safari 的许多问题。

我的问题的解决方案接近他的答案（如果有溢出，他的存在：滚动；在您的页面上它不会触发自动 UI 隐藏功能）我的问题是溢出：隐藏；风格。

【讨论】：

使用溢出：滚动，导航会停留在那里，但位置：固定的元素不会保持这种状态。相反，它们开始随着页面向上或向下滚动，直到滚动结束。