jquery - Android は 3D 位置を変換できません:固定 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() はより複雑ですが、それがヘッダーに影響を与えます