先挖個坑, 之后再尋找原因

問題是這樣的一個可以滾動的頁面, 但是死活都沒有生成出layerForScrollingContent , 不知道為什么, 即便給scroll的contianer添加will-change:scroll;也沒有用, 如果添加了will-change:transform;,則會生成container和scrollBar的layer , 就是不生成content的layer

那么既然沒有生成解決辦法就是手動生成, 做法很簡單 , 在需要滾動的內容包一個div, 并且設置will-change:transform; 如圖二

圖一

圖二

還是上動圖清楚看到區別吧~

000.gif

很明顯的區別就是沒有paint的觸發

沒有手動添加一個layer的時候

2017-08-13_074956.png

手動添加layer的時候

本來滑動應該是一幀開始就開始渲染的.png

從單位上就可以知道有多少倍的區別了

不過如果對比那些默認生成layerForScrollingContent還有有些區別的, 主要是在一幀開始就開始渲染了 , 其他的不好對比因為還沒找到沒有生成layerForScrollingContent的原因, 這是另外的頁面來的 ( 注: 虛線是這一幀的開始

2017-08-13_074527.png