最近APP中有一个列表页,需要将部分进行灰化,然后就想起了 filter 这个属性;代码如下
filter: grayscale(100%)
加上去之后可以运行,一开始数据量少,只有十几条,真机上也很流畅,以为就没问题,后来mock了一下,数据加到一百多条,问题就出来了,在ios上页面直接出不来了,而且一直闪屏,但是运行到安卓上是没问题的,百思不得其姐,当时猜想可能是,布局有问题,嵌套太深,因为使用列表有判断去使用不同的子组件,后来排查都不是,然后就想到了filter,果然是它导致的,但是效果又不能去掉,就百度了找到下面这行代码,css 可以驱动硬件加速;
transform: translate3d(0, 0, 0);
完美解决