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

问题描述

问 题

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

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

解决方案

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

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

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

这篇关于javascript - jquery animate实现移动端侧边栏打开关闭时会很卡？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！