微信小程序左右滑动切换页面事件

Posted 进击的燕十三

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序左右滑动切换页面事件相关的知识,希望对你有一定的参考价值。

今天客户反馈了要通过左右滑动实现图片视频的转换

通过查资料爬坑找到了一方式

微信方法

bindtouchend 手指滑动后触发的
bindtouchstart 手指滑动时触发的
 
滑动数据格式为:
  1. changedTouches: Array(1)
    1. 0:
      1. pageX: -50
      2. pageY: 219 

用滑动后触发的pageX来减去滑动式触发的 

if(pageX-this.data.pageX>0){

conlog.log("左滑")

}

if(pageY-this.data.pageY>0){

conlog.log("右滑")

}

随后在其中写下方法即可

 

随笔记录下

以上是关于微信小程序左右滑动切换页面事件的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序直播消息滑动

仿探探左右滑动效果(兼容安卓,ios,小程序,h5)

ios微信小程序上下滑动效果

微信小程序swiper滑动切换

微信小程序开发中如何实现侧边栏的滑动效果

微信小程序左右滑动切换图片酷炫效果(附效果)