vue 路由过渡效果与 ios 原生效果冲突
一个单页应用, 切换路由时采用
<transition></transition>
组件模拟 ios 原生的左右滑动效果当直接点击浏览器的后退按钮时, 效果执行正常
问题: 当手指在页面左滑时, ios 原生动画(页面左滑)执行完毕后, 仍然会执行我自己定义的过渡效果, 也就是会出现两次的页面向左滑动.
请问有什么思路可以解决这个问题?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
提供一下意思。监听移动端的swipe事件。如果是那事件,就阻止动画
swipe类事件
滑动事件,有swipe swipeLeft swipeRight swipeUp swipeDown 五种之分
swipe:手指在屏幕上滑动时会触发
swipeLeft:手指在屏幕上向左滑动时会触发
swipeRight:手指在屏幕上向右滑动时会触发
swipeUp:手指在屏幕上向上滑动时会触发
swipeDown:手指在屏幕上向下滑动时会触发