造成滚动卡顿的常见原因

处理 overflow动慢最有效的顺序是先确认卡顿类型，再用性能工具找出长任务、回流或绘制热点，最后只优化真正🎯占用资源的节点。对于大数据列表，减少渲染量通常比调📌整单个 overflow 值更有效；对于面板动画，减少布局变化通常比强行启用硬件加速更可靠。

JavaScript滚动与动画如何降负

图片加载造成的 overflow 卡顿尤其容易被忽略。没有宽高占位时，浏览器会在图片加载完成后重新计算附近内容的位置，因此列表滚动和阅读位置都可能发生变化。

展开面板需要影响后续内容位置时，transform 不能完全替代高度变化，因为 transform 不参与正常文档流。此时可以在 JavaScript 中测量真实高度后做一次高度动画，动画结束再恢复自动高度，并避免在每一帧重复读取和写入布局。