死活没生成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 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

Bootstrap响应式前端框架笔记十七——下拉列表交互

    为dropdown-toggle类添加data-toggle="dropdown"属性可以实现其下拉列表功能的绑定,示例如下:

853
来自专栏Guangdong Qi

Itunes Connect 如添加图片(图像不能包含alpha通道或者透明度)

Itunes Connect 添加图片的时候,提示我们: "图像不能包含alpha通道或者透明度"

471
来自专栏苍云横渡学习笔记

【day 17】python编程:从入门到实践学习笔记-基于Django框架的Web开发-设计样式和部署(一)

学习笔记目录 【day 1】python编程:从入门到实践学习笔记-安装、变量和简单数据类型 【day 2】python编程:从入门到实践学习笔记-列表以及其操...

3838
来自专栏编程

网站代码该这样优化?

网站代码的优化也是网站优化中的一种优化措施,代码对于网站优化来说非常重要。虽然HTML代码是程序员应该精通的语言,但是对于HTML代码的优化应该是SEO专员应该...

1758
来自专栏草根专栏

Git - Tag

Lightweight Tags. ? 如果想标注某个事件/里程碑, 就需要使用git tag tag名. ? 列出所有的tag: git tag --list...

2716
来自专栏前端之路

–[New]Vue项目使用vw实现移动端适配教程

1143
来自专栏小狼的世界

GraphicsMagick介绍及安装

GraphicsMagick号称图像处理领域的瑞士军刀。 短小精悍的代码却提供了一个鲁棒、高效的工具和库集合,来处理图像的读取、写入和操作,支持超过88中图像格...

1005
来自专栏存储

建立本地的Blast数据库

Blast(basic local alignment search tool) 局部序列比对基本检索工具,是NCBI开发的一款基于序列相似性的数据库搜索程序。...

2999
来自专栏菩提树下的杨过

Silverlight在线创建PDF(支持中文)

用MS的silverlight来生成Adobe的pdf文档?象不象到肯德基买麦当劳? 哈... 言归正传: 首先要用到下面二个开源库 1.开源项目 http:...

18610
来自专栏张戈的专栏

恢复WordPress分类目录的别名链接形式

注:内容很偏门,标题还真不知道如何拟,估计只有细看内容或有相同经历的朋友才看得懂俺说的是什么。 ---- 昨天下午自从在百度统计中使用了 SEO 建议之后,让我...

3536

扫码关注云+社区