死活没生成layerForScrollingContent的解决办法

先挖个坑, 之后再寻找原因

问题是这样的一个可以滚动的页面, 但是死活都没有生成出layerForScrollingContent , 不知道为什么, 即便给scroll的contianer添加will-change:scroll;也没有用, 如果添加了will-change:transform;,则会生成container和scrollBar的layer , 就是不生成content的layer

那么既然没有生成解决办法就是手动生成, 做法很简单 , 在需要滚动的内容包一个div, 并且设置will-change:transform; 如图二

!图一](http://upload-images.jianshu.io/upload_images/252050-90839f87e940e06f.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

图二

还是上动图清楚看到区别吧~

000.gif

很明显的区别就是没有paint的触发

没有手动添加一个layer的时候

2017-08-13_074956.png

手动添加layer的时候

本来滑动应该是一帧开始就开始渲染的.png

从单位上就可以知道有多少倍的区别了

不过如果对比那些默认生成layerForScrollingContent还有有些区别的, 主要是在一帧开始就开始渲染了 , 其他的不好对比因为还没找到没有生成layerForScrollingContent的原因, 这是另外的页面来的 ( 注: 虚线是这一帧的开始

2017-08-13_074527.png