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，因此浏览器实际上会将您带到上一页。页面转换可能与浏览器的转换冲突，导致页面和浏览器的双重动画。