(已解决)在一组动画中调用多个动画异常
发布于 6 年前 作者 gang28 12600 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

点击按钮显示动画,球移动到底部后返回顶部

第二次点击按钮,球直接出现在底部(偶现二、三次正常)

1、不控制显示隐藏,动画是正常的(使用hidden控制显示/隐藏,在真机上正常,工具上异常)

2、同一方法创建第二个动画实例(返回顶部),定时器2s后只执行第二个动画(真机上这时是正常的)

3、改用点击蒙层的方式创建第二个动画实例(返回顶部),动画是正常的

还是我调用的方式不对

  • 预期表现

动画正常显示

  • 复现路径

多次点击按钮

- 解决方案

原因是动画间隔太短(稍微停顿一下再点击按钮)

1、延时设置动画:

2、手动清除动画(用wx:if控制显示隐藏)

- 解决后的代码片段:

https://developers.weixin.qq.com/s/caqBgOmw7i65

2 回复

看了下代码片段。应该是 index.js 41 行的 setTimeout 执行的时候没判时序状态。你可以仔细想下这里的逻辑时序。

回到顶部