微信小程序客服浮窗按钮停止触摸后吸附回到左侧

微信小程序客服浮窗+可移动又有了个小小的需求:浮窗按钮停止触摸后吸附回到左侧。
惯例,先问百度AI:
微信小程序的悬浮按钮做吸附于屏幕边的效果
好吧,别惯例了,这给的答案与我想要的效果相差甚远,现在的问题是movable-view在官方文档中没有获取其监听触摸结束的事件,ok,遇事不决问度娘:微信小程序movable-view怎么知道滑动结束,好嘛,答案也是如此的朴素无华:使用bind:touchend绑定事件即可。
那此时没办法知道移动元素的位置,ok,继续百度:微信小程序movable-view怎么获取移动后的数据,得到大佬的思路
查找相关的官方API,ok,上代码:
wxml:

  <movable-area style="pointer-events:  none;height: 100%;width: 100%;position:absolute;left:0px;top:0px;">
    <movable-view id="movableView" x="{
  {mx}}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值