overflow动慢先区分三种表现



判断 overfl🎯ow🚀动慢是否由布局造成,还可以观察滚动时页面是否不断改变元素高度。如果只有某个模块触发大量 Recalculate Style,应该从该模块的选择器范围、动态 class 和尺寸计算入手,而不是给整个页面盲目添加 will-change。



造成滚动卡顿的常见原因



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



举报/反馈