微信小程序考试左右滑动怎么实现

微信小程序考试左右滑动怎么实现,第1张

1.使用touchstart、touchmove和touchend方法,在touchstart方法中,获取当前触点位置,然后在touchmove方法中,通过比对当前触点位置和先前记录的触点位置,来判断用户是做左滑动还是右滑动;在touchend方法中,可以根据用户滑动的距离和滑动时间确定最终的滑动 *** 作,从而实现左右滑动功能。

2.使用微信小程序APIswiper,可以在wxml中通过添加swiper元素来实现左右滑动。开发者只需要为swiper指定相关参数(如设置每屏显示的内容、滑动时显示的指示器等),就可以实现左右滑动的效果。

给swiper设置class,并且给它相对定位,给class::after绝对定位,因为swiper-item自带绝对定位

在swiper-items中添加catchtouchmove方法,但是在这个方案中,(注意::::)在手指触摸swiper这一块时,外部界面时无法进行滚动的!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11211000.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存