h5如何 上下滑动 停止左右滑动 左右滑动停止上下活动 或者有合适的组件吗?

wenti.png

问题出现的环境背景及自己尝试过哪些方法

vue项目目前使用vux 中 Scroller Swipeout 
尝试过使用vue-scroll 来做 上拉下拉 还是不行

你期待的结果是什么?实际看到的错误信息又是什么?

期待 下拉 上拉 时有左右角度倾斜 不会不限置顶非置顶的滑动,同理左右滑动时 上下拉固定不变

已解决 悬赏分:50 - 解决时间 2021-11-28 02:44
反对 0举报 0 收藏 0

回答1

最佳
  • @

    提供一个基本思路
    1、监听touchstart touchmove,
    2、根据坐标点和移动距离来判断方向 (参考)
    3、根据题主所需的逻辑,进行禁用操作。主要用到preventDefault()

    支持 0 反对 0 举报
    2021-11-27 06:25