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

时间:2014-04-24 07:12:50

标签: html css ios7 mobile-safari

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

Demo

重现的步骤:

  1. 滚动页面,直到Safari的地址栏缩小,底部工具栏消失。
  2. 点按底行的按钮(例如' z'按钮)。
    • 这会导致地址栏展开并重新显示底部工具栏。
    • 另请注意,按钮单击不会触发。
  3. 现在尝试点按顶行中的按钮(例如' 1'按钮)。
    • 低于点击发生位置的按钮将激活。
  4. 我对解决方法的一些想法需要......

    • Safari UI状态更改时触发的事件。我还没有看到调整大小或滚动触发器。是否有我可能遗失的特定移动野生动物园?
    • 我可以触发切换此UI状态的事件。

1 个答案:

答案 0 :(得分:0)

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

如果可行,可能是由于WebKit中的图层推广。如果有,我可以添加其他信息/链接。