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

Question

iOS 7 上的 Safari 出现了一个错误，该错误带有固定的标题导航，点击目标似乎无法正确映射到元素的绘制位置。

Demo

重现步骤：

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

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

• Safari UI 状态更改时触发的事件。我还没有看到调整大小或滚动触发器。有没有我可能会错过的移动 Safari 浏览器？
• 我可以触发的用于切换此 UI 状态的事件。

Answer 1

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

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