所以我正在开发一个底部有固定栏的Web应用程序。为了使其行为像真正固定的底栏，在移动Safari中，必须对其上方的内容使用position: fixed（将bottom设置为底栏的高度）并设置对此内容-webkit-overflow-scrolling: touch，以使其滚动，就好像它没有修复一样。
问题是如果Safari的底栏被隐藏，然后你试图点击我们应用程序的底栏，这将使Safari自己的底栏出现，但不会触发调整大小事件，这将有效隐藏我们的应用程序的底栏，即使它有position: fixed。滚动内容后，Safari的底栏通常会消失，但我们的内容设置为-webkit-overflow-scrolling: touch;，因此它显然不会触发UI隐藏。
我正在寻找一种方法来防止Safari的底栏在点击页面底部时弹出，或者在滚动时能够隐藏UI，即使滚动的内容有{{1} }集。感谢。
答案 0 :(得分：0)
通过在IOS 7.1中使用minimal-ui元内容标记，可以实现这一目标。
<meta name="viewport" content="width=device-width, minimal-ui">
详细了解here。 当IOS 7刚刚问世时，这对于iphone应用程序来说是一个巨大的问题，因为Safari界面偷走了这么多的屏幕空间。特别是iPhone 4的屏幕要小得多。