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

请教一下哈:

不在小程序中思路:向右滑动的距离,去设置滑块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()

回到顶部