Jquery Firefox滞后于过渡效应

我保留了我的页面包含的主要内容：

因此，我们可以选择右上角显示的框数，不幸的是，当我们单击“单击此处移动div”时，Firefox只会在2个框中滞后

CSS:

JS:

使用Chrome，即使显示50个框，过渡效果始终是流体

---

我怎样才能优化这个效果，使Firefox也能流畅地运行呢？

你可以在movable div上使用translate来提升它的硬件性能

`transform: translateZ(0);`

---

来自Mozilla基金会的人打开了一张错误的罚单：

这是由于多进程（E10）的激活。要检查差异，请通过以下方式取消激活E10：

关于：配置

browser.tabs.remote.autostart=false

---

browser.tabs.remote.autostart.2=false

我应该在哪里添加转换？在

#divwrapper

上这样：

#divwrapper{transition:margin left 0.5s ease in；transform:translateZ（0）；}

？@LondonSmith是的，没错。我更新了CSS，没有发现任何区别：

 $("#LinkChange").click(function() {
     if($("#DivWraper").hasClass("openSidebar")) {
         $("#DivWraper").removeClass("openSidebar");
     } else {
         $("#DivWraper").addClass("openSidebar");
     }
 });

`transform: translateZ(0);`