如何使用 content

1. content-visibility 是什么？
• contain-intrinsic-size
2. 利用 content-visibility: auto 实现虚拟列表
3. content-visibility 是否能够优化渲染性能？
4. 利用 contain-intrinsic-size 解决滚动条抖动问题
5. content-visibility: auto 对比 LazyLoad
6. 可访问性功能探究
7. content-visibility 的一些其他问题
8. 结语

最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入学习一下。

content-visibility 是什么？

content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。

MDN