这设置的x值和transform: translateX()的值不通,导致元素无法确定位置，跟随手指移动 表现为：长按图片后不松开向左移动，然后距离左边一段距离是滚动条开始滚动，这时如果在移动下图片图片位置就会发生变化 并且与设置的图片位置（x）不符 其他：如果使用自定义的transform无法解决滑动图片时导致滚动条冒泡问题，希望出一个事件中阻止冒泡的方法 代码片段：https://developers.weixin.qq.com/s/CnNqUamY7jpW

1、微信小程序动画有自己的方法：官方链接 但需要自己去写动画效果，比较麻烦。 2、本文介绍的是把animate.css这个非常棒的css库引入到小程序内使用。 animate.css包含76种动画，使用非常简单。animate.css官网 : https://daneden.github.io/animate.css/ 3、由于小程序对代码大小限制比较大，所以删除了animate.css中 所有@-webkit-部分css，减少了一半体积 再把文件后缀名改为wxss，以后出来的百度小程序、支付宝小程序、今日头条小程序估计修改对应的后缀名就可以直接使用了。 下载地址：http://nodejs999.com/animate.wxss 4、放到小程序代码中，然后@import到app.wxss文件中。 我项目是把animate.wxss文件放在utils文件夹下。 所以在app.wxss中加入 @import './utils/animate.wxss'; 即可。 就可以像animate.css一样使用了。

补充：以下是原生用法： https://developers.weixin.qq.com/community/develop/article/doc/00028cbc2e04e0ddf549d535351c13 简单两步： 1､把这个文件下载并引用进来： https://github.com/facebook/regenerator/blob/master/packages/regenerator-runtime/runtime.js 2､在使用时声明一下： const regeneratorRuntime =  require('./lib/runtime.js') 然后就可以使用async/await了。 补充如下：以上方案已经过期作废，小程序原生支持async/await了，（es6转es5别勾）