4

在移动端使用fixed布局时,遇到一个问题, 来回多次滚动的时候fixed的div 不见了,但是审查元素的时候发现他还是在那个位置上,但是就是看不见了。最后设置了 transform: translateZ(0), 就好了, 至于为什么,我也不知道, 反正这样就解决了移动端fixed布局滚动页面的闪现问题

追加:这个问题的本质找到啦

 提升元素,从CPU转移到GPU来完成,来实现硬件加速。
提升元素的两个方法:

.moving-element { will-change: transform; }
.moving-element { transform: translateZ(0); }

小盼田
0 声望9 粉丝

程序媛


引用和评论

0 条评论