背景:
在Safari浏览器上使用bui.load加载下一个页面
问题:
在右划返回时会出现后退有2层动画
不客气,文档上有些没法提及,欢迎你们提出问题,对新手来说也会更有针对性。
感谢大佬的耐心回答,
这个应该不算是bug,跳转一次,后退一次,问题在于 ios 的手势后退自动会加上一层动画效果,加上路由跳转的一次效果,看上去像后退2次一样。这个问题有2个解决方案,第1种,路由还有一个参数,判断是ios,关闭后退动画, backEffect: "none" 或者其它渐隐动画,可以解决掉 手势两次问题,但点击后退也没有动画了,2选1;第2种: 判断是ios后,路由有一个参数, syncHistory: false , 这样不要历史记录,只能通过点击后退,又有后退动画,可以解决;类似这样:
router.init({ id: "#bui-router", progress: true, backEffect: bui.platform.isIos() ? "none" : "push", })
router.init({
id: "#bui-router",
progress: true,
backEffect: bui.platform.isIos() ? "none" : "push", })
Demo 的效果也已经更新,可以在safari下预览 https://www.easybui.com/demo/
微信公众账号
微信扫一扫加关注
BUI开发者交流群2
QQ扫码加群
微信小程序
微信扫一扫体验
不客气,文档上有些没法提及,欢迎你们提出问题,对新手来说也会更有针对性。
感谢大佬的耐心回答,
这个应该不算是bug,跳转一次,后退一次,问题在于 ios 的手势后退自动会加上一层动画效果,加上路由跳转的一次效果,看上去像后退2次一样。
这个问题有2个解决方案,第1种,路由还有一个参数,判断是ios,关闭后退动画, backEffect: "none" 或者其它渐隐动画,可以解决掉 手势两次问题,但点击后退也没有动画了,2选1;第2种: 判断是ios后,路由有一个参数, syncHistory: false , 这样不要历史记录,只能通过点击后退,又有后退动画,可以解决;
类似这样:
Demo 的效果也已经更新,可以在safari下预览 https://www.easybui.com/demo/