HTML – Mobile Safari(iOS 7.1)固定位置点击不准确的解决方法?

iOS 7上的Safari正在展示一个带有固定标题导航的错误,其中点击目标似乎无法正确映射到元素的绘制位置.

Demo

重现步骤:

>滚动页面,直到Safari的地址栏缩小,底部工具栏消失.
>点击底行的按钮(例如“z”按钮).

>这会导致地址栏展开,底部工具栏重新出现.
>另请注意,按钮单击不会触发.

>现在尝试点击顶行中的按钮(例如“1”按钮).

>将激活低于敲击位置的按钮.

我为解决方法提出的一些想法需要……

> Safari UI状态更改时触发的事件.我还没有看到调整大小或滚动触发器.我可能会错过一个特定的移动游猎吗?
>我可以触发的事件切换此UI状态.

最佳答案
您是否尝试过添加-webkit-backface-visibility:hidden;你的标题按钮?

如果可行,可能是因为WebKit中的图层升级.如果有,我可以添加其他信息/链接.

转载注明原文:HTML – Mobile Safari(iOS 7.1)固定位置点击不准确的解决方法? - 代码日志