小程序处复杂数据动画抖动问题

如下代码，使用css的translate属性和js监测手势实现图片的移动和缩放，当数据是数组的时候，在真机上会出现抖动，模拟器上正常，请各位大佬们支支招啊

###wxml代码

<view wx:for='{{showDogs}}' wx:if='{{item.display}}' style='transform: translate({{item.partTouchData.translateX}}px, {{item.partTouchData.translateY}}px) scale({{item.partTouchData.scale}});' class='{{item.borderClass}}'>

###js代码

//前面  根据手势处理偏移量和缩放
//最后更新数据
let showDogs = this.data.showDogs;
showDogs[id].partTouchData = partTouchData;

this.setData({
    showDogs: showDogs
  })