小程序
小游戏
企业微信
微信支付
扫描小程序码分享
加入购物车动画怎么弄? 点击按钮 产品图片做动画 飞到购物车
我的想法是 点击按钮 然后获取产品图片 left top 然后 飞到 购物车 但是我没办法产品的 left top
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你可以获取产品图片的实时位置，参考文档
const query = wx.createSelectorQuery()
query.select(
'#the-id'
).boundingClientRect()
query.selectViewport().scrollOffset()
query.exec(
function
(res){
res[0].top
// #the-id节点的上边界坐标
res[1].scrollTop
// 显示区域的竖直滚动位置
})
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
每个按钮对应一个产品吧 然后产品图片和按钮的距离应该都是一样的
拿到按钮的位置可以对应产品的位置 生成一个图片 然后做飞向购物车的动画
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你可以获取产品图片的实时位置，参考文档
const query = wx.createSelectorQuery()query.select('#the-id').boundingClientRect()query.selectViewport().scrollOffset()query.exec(function(res){res[0].top// #the-id节点的上边界坐标res[1].scrollTop// 显示区域的竖直滚动位置})每个按钮对应一个产品吧 然后产品图片和按钮的距离应该都是一样的
拿到按钮的位置可以对应产品的位置 生成一个图片 然后做飞向购物车的动画
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/wx.createSelectorQuery.html