Javascript Safari iOS7:底部栏可以';使用时不要隐藏-webkit溢出滚动:触摸;

Javascript Safari iOS7:底部栏可以';使用时不要隐藏-webkit溢出滚动:触摸;,javascript,css,mobile-safari,Javascript,Css,Mobile Safari,所以我正在开发一个底部有固定条的web应用程序。为了使其表现得像一个真正固定的底部栏,在mobile Safari中,有必要在其上方的内容上使用位置:fixed(将底部设置为底部栏的高度),并在该内容上设置-webkit overflow scrolling:touch,以使其像未固定一样滚动 问题是,如果Safari的底部栏被隐藏,然后您尝试单击我们应用程序的底部栏,这将使Safari自己的底部栏出现,但不会触发调整大小事件,该事件将有效隐藏我们应用程序的底部栏,即使它具有位置:固定的。Saf

所以我正在开发一个底部有固定条的web应用程序。为了使其表现得像一个真正固定的底部栏,在mobile Safari中,有必要在其上方的内容上使用
位置:fixed
(将
底部设置为底部栏的高度),并在该内容上设置
-webkit overflow scrolling:touch
,以使其像未固定一样滚动

问题是,如果Safari的底部栏被隐藏,然后您尝试单击我们应用程序的底部栏,这将使Safari自己的底部栏出现,但不会触发调整大小事件,该事件将有效隐藏我们应用程序的底部栏,即使它具有
位置:固定的
。Safari的底部栏通常会在您滚动内容时消失,除了我们的内容有
-webkit overflow scrolling:touch设置,因此它显然不会触发UI隐藏


我正在寻找一种方法来防止Safari的底部栏在点击页面底部时弹出,或者在滚动时能够隐藏UI,即使滚动的内容有
-webkit溢出滚动:touch设置。谢谢。

通过在IOS 7.1中使用最小的ui元内容标签,可以实现这一点

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

阅读更多关于它的信息。
当IOS 7刚刚问世时,这对iphone应用程序来说是一个巨大的问题,因为Safari界面偷走了如此多的屏幕空间。尤其是iPhone4,它的屏幕要小得多

可能是重复的感谢,但我以前确实尝试过,我可以确认它对我描述的特定场景没有影响。