我有一个简单的链接,比如
<a href="about/staff.php" data-transition="slide">Staff</a>点击链接时,幻灯片转场动画效果很好;点击后退按钮时,幻灯片转场效果很好。
当safari (iOS7)中的用户在屏幕边缘使用“向后滑动”手势时,问题就出现了。页面返回,但在页面加载后动画再次发生,这看起来非常糟糕。
您可以在此处的文档示例http://demos.jquerymobile.com/1.4.0/transitions/上看到该问题(点击幻灯片旁边的页面按钮,然后滑动返回)
有解决这个问题的办法吗?
发布于 2014-01-28 17:52:37
正如你所提到的,IOS7 safari浏览器自带了滑动手势。此页面here还使用safari浏览器原生的幻灯片切换。当用户从当前页面向后滑动时,它不仅改变了transitions page上的内容,还改变了网址,所以浏览器实际上会把你带到上一个页面。页面转换可能会与浏览器的转换冲突,因此您会得到页面和浏览器的双重动画。
https://stackoverflow.com/questions/21314444
复制相似问题