首页 > jquery animate实现移动端侧边栏打开关闭时会很卡?

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

       $(".side").on('click', function() {
            $(".sidebar").fadeIn(); //遮罩层打开
            $(".sidebar-main").animate({right:0}, 200);
        });

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


性能不足,用css实现可能好点


确实如 @peterq1996 所说是推测为性能问题
能否给一个卡顿的机器的型号?

另外你可以试试使用css的 transform: translateX(200px); 这样来实现,父级元素需要overflow: hidden;

因为 transform会使用GPU渲染,不会导致页面的重绘,所以性能上会得到一些改善,但是如果你的手机性能不太ok,那就没有太好的办法了。。。毕竟是硬伤

【热门文章】
【热门文章】