catchtouchmove影响侧滑用户体验
发布于 7 年前 作者 jiehe 3889 次浏览 来自 问答

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

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

实现场景一:

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

实现场景二:

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

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

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

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

回到顶部