小程序
小游戏
企业微信
微信支付
扫描小程序码分享
请教一下哈：
不在小程序中思路：向右滑动的距离，去设置滑块dom节点的left值；
可是小程序中怎么求向右滑动的距离？怎么动态操作滑块节点left值呢？
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
细节问题，谢谢两位
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
好的，谢谢，我弄了，第一下滑动，移动位置不正常；我贴下代码，帮忙看看怎么改改呢？
.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-
.data.starX;
moveToLeft: ToLeft
记录一个 touchstart 的 clientX
然后记录 touchmove 的 clientX
求 delta
然后setData({x: x+delta})
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
细节问题，谢谢两位
好的，谢谢，我弄了，第一下滑动，移动位置不正常；我贴下代码，帮忙看看怎么改改呢？
.wxml
<viewclass='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()