当IOS浏览器地址导航出现时，JavaScript会检测到

我有两个按钮固定在我的网站底部。 在IOS中，这有一些不需要的行为：当用户点击按钮时，会出现“底部浏览器栏”和“地址栏”。

有没有办法可以检测这些浏览器栏是“可见”还是“隐藏”？ 所以我可以调整按钮位置吗？

在酒吧可见的状态下，我添加了一些额外的底部marges，因此它们位于底部栏的顶部。 但我想在酒吧隐藏时调整这个。

我尝试了“onresize”，当这个事件显示或隐藏$（窗口）时，此事件会触发。（height）保持不变。 因此，如果屏幕变大或变小，我无法使用此方法进行检测。

有人知道解决方案吗？

Answer 1

页面的innerHeight将根据顶部栏是否可见而改变。 在iPhone 6 Plus上，当显示顶部导航时，页面的innerHeight高度为628，而当不显示时，页面的innerHeight为696。

您可以使用onresize函数来确定innerHeight更改方式。