javascript - 安卓手机X5内核浏览器下动画超级卡的解决办法？

Question

碰到一个问题，我写了一个H5页面，里面有的动画在ios手机上运行十分流畅，一点都不卡，唯独在部分安卓手机下打开十分卡，卡顿到怀疑人生，我进行了一些优化，结果是在安卓的chrome浏览器打开就变得流畅了，但是用微信的浏览器，也就是X5内核的浏览器打开，还是一样的卡顿,我还是个渣渣，不知道各位大神有没有碰到这种情况。一下是我的动画部分代码，我用了两种都一样的卡，一个是jQuery的动画，一个是tweenMax的动画。对了，用过tweenMax的大神能否告诉我为什么有时候点击触发动画时第一次是有效果的（比如回弹），之后再点击就没有效果（回弹）了，这是为什么呢？谢谢谢谢谢谢

主要是拖拽过程中的卡顿，我是这样给他赋值的：

            that.css({
                'transform':'translateY('+disY+'px) translateX('+disX+'px)'                
            });    

这是鼠标抬起时的运动代码

            if (disY<pumpGo) {    
                TweenMax.to(".list-card",0.2,{y:-critical+'px'});            
                // that.animate({

                //     top: -critical,
                // },
                //     200, function() {
                //     
                // });
            }else if(disY>dumpGo){
                TweenMax.to(".list-card",0.2,{y:critical+'px'});
                // that.animate({
                //     top: critical,
                // },
                //     200, function() {
                //             
                // });
            }else{
                TweenMax.to(".list-card",0.2,{x:0,y:0,ease:Bounce.easeIn});
                // that.animate({
                //     top: 0,
                //     left:0
                // },
                //     200, function() {
                // });
            }