0

我有一个固定的标题,我想使用 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() 更复杂,但这就是影响标题的原因

4

0 回答 0