Question

我创建了Codpen Pen，显示了我遇到的问题。当您将浏览器调整为媒体查询大小时，在这种情况下＆lt; 600px，您将看到“切换”画布移动导航的闪光，这使得调整大小变得笨拙并且用户体验不佳。

问题是第28行的过渡：

@include transition(all .25s linear);

如果我删除该行，它会修复所有问题，但会消除失败移动导航目的的过渡（它将平滑导航变为我不想要的笨重的东西）。我怎样才能解决这个问题？我已经尝试过了：

-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;

我很感激任何帮助！

Answer 1

而不是使用transform:translateX使用left

.sliding-menu-content {
    left:-220px;
}

&.is-visible {
    left:0px;
}