微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在滑动回来时,Safari iOS7中的jQuery移动幻灯片过渡动画是跳跃式的

我有一个简单的链接

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

当您点击链接时,幻灯片过渡会很好地动画,当您点按后退按钮时,动画效果很好.

当safari(iOS7)中的用户在屏幕边缘使用“滑动返回”手势时,会出现问题.页面返回但页面加载后动画再次出现,看起来非常糟糕.

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

这有解决方法吗?

解决方法

正如您所提到的,IOS7 safari浏览器自带滑动手势.此页面 here还使用safari浏览器原生的幻灯片切换.当用户当前页面向后滑动时,它不仅会更改 transitions page上的内容,还会更改URL,因此浏览器实际上会将您带到上一页.页面转换可能与浏览器的转换冲突,结果您获得了页面和浏览器的双重动画.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐