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

Len*_*ong 5 html css mobile-safari ios7

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

演示

重现步骤:

  1. 滚动页面,直到Safari的地址栏缩小,底部工具栏消失.
  2. 点击底行的按钮(例如"z"按钮).
    • 这应该会导致地址栏展开,并重新显示底部工具栏.
    • 另请注意,按钮单击不会触发.
  3. 现在尝试点击顶行中的按钮(例如"1"按钮).
    • 低于敲击发生位置的按钮将激活.

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

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

Ben*_*ain 0

您是否尝试过添加-webkit-backface-visibility: hidden;到标题按钮?

如果有效,则可能是由于 WebKit 中的层提升所致。如果有的话我可以添加额外的信息/链接。