jquery - Android不能translate3D一个位置：固定的div？

Question

我有一个固定的标题，我想使用 translate3d 移动它以利用硬件加速。

为此，我添加了一个类 show-left-menu。但是，在android上它根本不动。奇怪的是背景颜色确实改变了？（安卓默认浏览器）

标题CSS：

#header{
position: fixed;
top:0;
left:0;
height:50px;
width:100%;
z-index:4;
-webkit-backface-visibility:hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

类添加：

.show-left-menu{
background:#000;
-webkit-transform: translate3d(79%, 0, 0)!important;
transform: translate3d(79%, 0, 0)!important;
}

jsfiddle：http: //jsfiddle.net/3Z28x/

我的 showLeftSidebar() 更复杂，但这就是影响标题的原因