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