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

碰到一个问题,我写了一个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() {
                // });
            }
阅读 4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题