请教,小程序catchtouchmove滑块怎么弄哈,获取不到滑块dom节点

发布于 6 年前作者 pcao2548 次浏览最后编辑 6 年前来自 ask

请教一下哈:

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

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

4 回复
mintao
mintao1 楼6 年前

记录一个 touchstart 的 clientX

然后记录 touchmove 的 clientX

求 delta

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

yangyao
yangyao2 楼6 年前

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

.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
   })
 },
xueming
xueming3 楼6 年前

细节问题,谢谢两位

xia21
xia214 楼4 年前

wx.createSelectorQuery()