ios缓慢/不工作的CSS3转换

我正尝试在自己制作的自适应网站上开始使用一些CSS3转换，并且所有function都在桌面版Chrome和Android版Chrome上运行良好，但是在Chrome和Safari的iOS设备上无法正常工作。

例如，我用于我的菜单的CSS代码片段如下：

#menu { width: 180px; height: 100%; position: fixed; top: 0; left: -180px; z-index: 9; transition: left 1s; -webkit-transition: left 1s; }

我有一个菜单button，当点击时，调用一个javascript函数，将“左”样式改为0，它将从屏幕左侧的外部转换到位置。

一切工作正常，在桌面和Chrome浏览器的Android，但在iOS和Chrome浏览器，它要么是非常波涛汹涌，要么只是延迟一秒钟，然后立即popup。在我所有的转换中都是这样做的，但为了简单起见，我正在显示菜单。

我已经做了大量的search和search堆栈，但我真正发现的唯一的东西说增加以下内容：

 -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0, 0, 0);

以强迫硬件加速的风格，但它也不工作。我没有看到任何改变。任何帮助，将不胜感激。

避免使用绝对定位转换需要大量资源，而是尝试使用transform: translateX(0)进行水平调整