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

Question

我有两个按钮固定在我的网站底部.在IOS中,这有一些不需要的行为:当用户点击按钮时,"底部浏览器栏"和"地址栏"出现.

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

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

我尝试了"onresize",当这个事件显示或隐藏$(窗口)时,此事件会触发.Hight()保持不变.因此,如果屏幕变大或变小,我无法使用此方法进行检测.

有人知道解决方案吗？

Answer 1

该innerHeight页面将根据上面一栏是可见的变化.在iPhone 6 Plus上,innerHeight当显示顶部导航时页面的显示为628,而在不显示时显示为696.

您可以使用该onresize功能确定innerHeight更改方式.