微信扫码登录

其他登录方式

绑定手机号

注册

我同意用户协议

忘记密码

用户协议

绑定手机号

  • 推广与合作

小程序丨【已解决】请教,小程序catchtouchmove滑块怎么弄哈,获取不到滑块dom节点 ... ...

来源: 4894
关注
来源: 4894

请教一下哈:

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

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

【已解决】请教,小程序catchtouchmove滑块怎么弄哈,获取不到滑块dom节点 ... ...
【已解决】请教,小程序catchtouchmove滑块怎么弄哈,获取不到滑块dom节点 ... ...

网友回复:

牛***:

wx.createSelectorQuery()


云***:

记录一个 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
   })
 },


张***:

细节问题,谢谢两位

张***:系统记录
爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。

评论

相关文章推荐

    热门资讯

    京ICP备15063977号-2 © 2012-2018 aiyingli.com. All Rights Reserved. 京公网安备 11010102003938号