vue 路由过渡效果与 ios 原生效果冲突

发布于 2022-09-05 22:02:07 字数 261 浏览 15 评论 0

  1. 一个单页应用, 切换路由时采用<transition></transition>组件模拟 ios 原生的左右滑动效果

  2. 当直接点击浏览器的后退按钮时, 效果执行正常

  3. 问题: 当手指在页面左滑时, ios 原生动画(页面左滑)执行完毕后, 仍然会执行我自己定义的过渡效果, 也就是会出现两次的页面向左滑动.

请问有什么思路可以解决这个问题?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一抹淡然 2022-09-12 22:02:07

提供一下意思。监听移动端的swipe事件。如果是那事件,就阻止动画
swipe类事件

滑动事件,有swipe swipeLeft swipeRight swipeUp swipeDown 五种之分

swipe:手指在屏幕上滑动时会触发

swipeLeft:手指在屏幕上向左滑动时会触发

swipeRight:手指在屏幕上向右滑动时会触发

swipeUp:手指在屏幕上向上滑动时会触发

swipeDown:手指在屏幕上向下滑动时会触发

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文