死活没生成layerForScrollingContent的解决办法

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

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

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

死活没生成layerForScrollingContent的解决办法_第1张图片
图一
死活没生成layerForScrollingContent的解决办法_第2张图片
图二

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

000.gif

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

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

死活没生成layerForScrollingContent的解决办法_第3张图片
2017-08-13_074956.png

手动添加layer的时候

死活没生成layerForScrollingContent的解决办法_第4张图片
本来滑动应该是一帧开始就开始渲染的.png

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

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

死活没生成layerForScrollingContent的解决办法_第5张图片
2017-08-13_074527.png

你可能感兴趣的:(死活没生成layerForScrollingContent的解决办法)