Safari iOS7:使用-webkit-overflow-scrolling: touch时不能隐藏底部条；

Question

因此，我正在开发一个web应用程序，它的底部有一个固定的栏。为了让它的行为像一个真正固定的底部栏，在移动Safari中，有必要对其上方的内容使用position: fixed (将bottom设置为底部栏的高度)，并在此内容上设置-webkit-overflow-scrolling: touch，以便滚动，就好像它没有被固定一样。

问题是，如果Safari的底部栏被隐藏，然后你试图点击我们的应用程序的底部栏，这将使Safari自己的底部栏出现，但不会触发调整大小事件，这将有效地隐藏我们的应用程序的底部栏，即使它有position: fixed。Safari的底部栏通常会在你滚动内容后消失，除非我们的内容设置了-webkit-overflow-scrolling: touch;，所以它显然不会触发UI隐藏。

我正在寻找一种方法，既可以防止Safari的底部栏在单击页面底部时弹出，也可以在滚动时隐藏UI，即使滚动的内容设置了-webkit-overflow-scrolling: touch;。谢谢。

Answer 1

通过使用IOS 7.1中的minimal-ui元内容标签，可以实现这一点。

<meta name="viewport" content="width=device-width, minimal-ui">

有关它的更多信息，请阅读here。当iOS7刚刚问世时，这对iphone应用程序来说是一个巨大的问题，因为Safari界面窃取了太多的屏幕空间。尤其是屏幕要小得多的iPhone 4。