一段时间以来，我一直在制作和维护一个网络应用程序，它具有全屏单页设计，并在单独的容器中显示项目列表，因此没有经典的滚动行为通常会触发地址和导航栏隐藏在 Safari 和 Chrome 等移动浏览器上。因此，因此，在智能手机浏览器上使用此网络应用程序时，顶部地址栏和底部导航栏始终可见。在大型5 +英寸手机上，这不是一个大问题，但是当应用程序在iPhone SE等较小的设备上使用时，这几百像素会产生很大的不同。
一段时间以来，我认为这是一个不可避免的问题，只是忍受它，但最近我看到有人在iOS的Chrome上使用谷歌地图网络版本，点击一些地址，导航栏和地址栏消失了，它看起来像一个真正的全屏应用程序。因此，这意味着有一种方法可以模拟滚动类型的事件，该事件将使移动浏览器隐藏导航栏。
关于如何做到这一点的任何想法/经验？
您是否尝试过全屏显示，而不是隐藏地址栏？我知道Chrome Firefox和其他浏览器支持此功能，它将以不同的方式实现您要做的事情。我不确定野生动物园是否有类似的东西。
我认为当用户遇到页面时强制"全屏模式"可能是一种选择，详见此处：
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
这不需要滚动来启动地址栏消失，但它可能需要用户使用requestFullscreen()从提示启用全屏
只是一个想法，希望这有所帮助。