请教，小程序catchtouchmove滑块怎么弄哈，获取不到滑块dom节点
发布于 5 年前 作者 pcao 2405 次浏览 来自 问答

请教一下哈：

不在小程序中思路：向右滑动的距离，去设置滑块dom节点的left值；

可是小程序中怎么求向右滑动的距离？怎么动态操作滑块节点left值呢？

4 回复

记录一个 touchstart 的 clientX

然后记录 touchmove 的 clientX

求 delta

然后setData({x: x+delta})

好的，谢谢，我弄了，第一下滑动，移动位置不正常；我贴下代码，帮忙看看怎么改改呢？

.wxml

<view class='slide' catchtouchmove='touchmoveTap' catchtouchstart='touchstartTap' style='left:{{moveToLeft}}px'>

.js

data: {  
   moveToLeft:0,
   starX:0
}
 touchstartTap(e){
   let starX = e.currentTarget.offsetLeft;
   this.setData({
     starX: starX
   })
 },
 touchmoveTap(e){
   let ToLeft = e.changedTouches[0].pageX-this.data.starX;
   this.setData({
     moveToLeft: ToLeft
   })
 },

细节问题，谢谢两位

wx.createSelectorQuery()

回到顶部