jquery animate实现移动端侧边栏打开关闭时会很卡？

Question

       $(".side").on('click', function() {

            $(".sidebar").fadeIn(); //遮罩层打开

            $(".sidebar-main").animate({right:0}, 200);

        });

在移动端使用侧边栏打开关闭时，总是一卡一卡的，看起来很费劲的的感觉，
不知道是什么原因造成的？

Answer 1

是推测为性能问题能否给一个卡顿的机器的型号？另外你可以试试使用css的 transform: translateX(200px); 这样来实现，父级元素需要overflow: hidden;因为 transform会使用GPU渲染，不会导致页面的重绘，所以性能上会得到一些改善，但是如果你的手机性能不太ok，那就没有太好的办法了。。。毕竟是硬伤