如何强制显示移动Safari底部导航栏以编程方式显示？
我的网页底部有一个固定的CTA（号召性用语）button。 在较新版本的iOS上向下滚动页面，移动Safari会隐藏底部导航栏（带有后退，前进，共享，书签和新的标签button）。 如果您单击CTAbutton，而不是执行该操作，则移动Safari会显示底部的导航栏。
作为一个解决scheme，我一直在寻找力量显示底部导航栏。 有没有办法做到这一点？ 当在移动设备上查看Jack线程和Thread Flip的移动网站时，都可以在查看单个项目时closures此function。
我目前无法对此进行逆向工程。 有没有人知道如何实现力显示？
关联到： 与页面底部alignment的button与移动Safari的菜单栏冲突，以及防止移动Safari访问视口底部时出现工具栏
我想我可能find了答案。 将您的内容设置为具有以下样式：
-
height: 100%（允许内容填充视口并超出底部） -
overflow-y: scroll（允许您在视口下方滚动;默认值是可见的） -
-webkit-overflow-scrolling: touch（平滑任何滚动行为）
似乎强制Safari中的iOS菜单总是出现。 这样，button点击将实际上工作，而不是打开Safari菜单。
不幸的是，你必须将这个CSS与JavaScript浏览器检测配对，因为它会弄乱iOS Chrome（也是webkit）上的滚动。 没有办法只使用CSS来定位所有版本的iOS Safari。
我有这个相同的问题。 我们正在努力在我们的网站上实现底部导航，Safari会给我们带来麻烦，因为点击屏幕底部会打开Safari的底部导航栏，强制用户点击两次。 我们提出的最佳解决scheme是在导航下面添加一个44像素的空间，看起来非常糟糕。 这将是很好，如果我可以强制Safari浏览器的导航保持开放，所以它可以填补这个空间，而不是一个本质上无用的空白块。