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 浏览器本身带有滑动手势。本页here还使用 safari 浏览器原生的幻灯片切换。当用户从当前页面滑回时，它不仅仅会更改 transitions page 上的内容而且还会更改 URL，以便浏览器实际上将您带到上一页。页面转换可能与浏览器的转换冲突，结果您会得到页面和浏览器的双重动画。