本篇带来 4 种用完全 CSS 实现完全代替 JS 实现的场景。涨一波姿势~~~~~~~~~~~~~~~~~~~

参考自 (MDN). 处理 HTML 标记并构造 DOM 树。 处理 CSS 标记并构造 CSSOM 树。 将 DOM 与 CSSOM 合并成一个渲染树。 根据渲染树来布局，以计算每个节点的几何信息。 将各个几点绘制到屏幕上。 从 DOM 树的根节点开始遍历每个 可见 节点。 …

介绍与滚动相关的8个CSS新特性，相信里面一定有很多属性你并不认识，是第一次见，这些属性可以提高滚动相关的交互体验。