我想做个如下所示的侧滑功能,在做的过程中遇到一个问题。









基于目前微信小程序提供的api, 我给了两种实现方式,但用户体验都不是很好


实现场景一:


在每个item元素上绑定了catchtouchmove后,整个页面就不会滚动了,只有在中间和旁边的间隙滑动,才会滚动,这个用户体验很不好。



实现场景二:


在每个item元素上绑定了touchmove事件,虽然整个页面可以滚动了,但是这个和item的侧滑有冲突,也就是说侧滑和页面一起动,用户体验也很不好(请参考微信小程序IOS的微信小程序收藏功能)



我期望的做法是:我在item上touchmove的时候,若在y轴方向上的距离变化小于30,我认为是在侧滑,这个时候应该阻止页面滑动,只允许侧滑。否则就禁止侧滑,只允许页面上下滑动



希望可以像javascript的stopPropagation那样,可以动态设置冒泡行为。而不是直接写死catchtouchmove。



期望早日回答,我看其他用户也有类似的困惑,谢谢。



展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Luna

    4人对此回答表示赞同

    展开
    4
    2回复
    发布于 5年前

    评论(2)

    收起评论

    • 思念在大脑里裸奔 2019-03-09 08:18

      哦!你用的page的滚动啊!我用的scroll-view~

      回复
    • 刘玮秦 2019-03-11 10:13

      侧滑的时候没有办法阻止上下滑动的呀,你怎么做到的?监听onPageScroll?

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部