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

Question

iOS 7 上的 Safari 展示了一个带有固定标题 Nav 的错误，点击目标似乎没有正确映射到绘制元素的位置。

Demo

重现步骤:

1. 滚动页面直到 Safari 的地址栏缩小并且底部工具栏消失。
2. 点击底行的按钮(例如“z”按钮)。
   • 这应该会导致地址栏展开并重新出现底部工具栏。
   • 另请注意，按钮点击不会触发。
3. 现在尝试点击顶行中的一个按钮(例如“1”按钮)。
   • 点击位置下方的按钮将激活。

我对解决方法的一些想法需要......

• 当 Safari 用户界面状态改变时触发的事件。我还没有看到调整大小或滚动触发器。是否有我可能缺少的特定移动 safari 浏览器？
• 我可以触发的事件来切换此 UI 状态。

Answer 1

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

如果可行，则可能是由于 WebKit 中的层提升。如果需要，我可以添加其他信息/链接。