html52.com
我爱小程序-开发者交流社区

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

问题模块
API和组件

请教一下哈:

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

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

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

网友回复

张郎:

细节问题,谢谢两位

张郎:

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

.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
   })
 },


云天喵:

记录一个 touchstart 的 clientX

然后记录 touchmove 的 clientX

求 delta

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

牛:

wx.createSelectorQuery()


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付