死活没生成layerForScrollingContent的解决办法

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

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

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

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

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

手动添加layer的时候

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏葡萄城控件技术团队

实战使用Axure设计App,使用WebStorm开发(2) – 创建 Ionic 项目

 系列文章 实战使用Axure设计App,使用WebStorm开发(1) – 用Axure描述需求 实战使用Axure设计App,使用WebStorm开发(2...

2908
来自专栏雪胖纸的玩蛇日常

Vue+koa2开发一款全栈小程序(6.个人中心)

如果报错(往往因为mysql的版本8.0什么的,加密方式导致初始化脚本报错),解决办法

2262
来自专栏向治洪

React Native程序调试

在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低B...

2766
来自专栏Java技术分享圈

杨老师课堂之Excel VBA 程序开发第七讲自动备份

方式1:本节课件下载地址:链接: https://pan.baidu.com/s/1DhCDxiPRSQw2vjowgjWSRQ 密码: x6pe

732
来自专栏向治洪

React Native开发之调试

在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低B...

2758
来自专栏河湾欢儿的专栏

Vue-router(路由)

2.定义(注册)路由跳转的组件----使用全局扩展的方式,用其他创建组件的方式也可以 在这里,进行了一个赋值操作,用一个变量名保存组件中所有的内容

1222
来自专栏ionic3+

【技巧】ionic后FileTransfer时代的文件传输

FileTransfer是常用的Codrodva插件之一,在过去的几篇文章中都能看到它的身影:

1263
来自专栏kwcode

MVC 获取路由的 URL 参数值和默认值的集合。

跟aspx页面不一样 用Request 获取不到路由配置的 参数 可以采用下面方法获取 public ActionResult List() {...

2706
来自专栏DannyHoo的专栏

底牌项目中的上传牌谱功能之将视图生成图片

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

1032
来自专栏程序猿DD

一文告诉你,Intellij IDEA神器隐藏的11种实用小技巧!

我们可以使用【Presentation Mode】,将IDEA弄到最大,可以让你只关注一个类里面的代码,进行毫无干扰的coding。

1403

扫码关注云+社区