Safari iOS7 中的 jQuery 移动幻灯片过渡动画向后滑动时跳跃

Question

我有一个简单的链接，例如

<a href="about/staff.php" data-transition="slide">Staff</a>

当您点击链接时，幻灯片过渡的动画效果很好，当您点击后退按钮时，幻灯片过渡的动画效果也很好。

当 safari (iOS7) 中的用户在屏幕边缘使用“滑动返回”手势时，就会出现问题。页面返回，但页面加载后动画再次出现，看起来很差。

您可以在此处的文档示例中查看问题 http://demos.jquerymobile.com/1.4.0/transitions/（点击幻灯片旁边的页面按钮，然后滑动以返回）

有解决方法吗？

Answer 1

正如您提到的，iOS7 safari 浏览器本身带有滑动手势。此页面还使用 safari 浏览器原生的幻灯片转换。当用户从当前页面滑回时，它不仅会更改转换页面上的内容，还会更改 URL，以便浏览器实际上将您带到上一页。页面转换可能与浏览器的转换冲突，结果您会得到页面和浏览器的双重动画。