如何实现CSS滚动行为平滑流畅？

Question

在实现CSS滚动行为平滑流畅的过程中，常见的技术问题是如何在不同浏览器和设备上保持一致的滚动体验。虽然`scroll-behavior: smooth;`可以实现原生的平滑滚动，但其兼容性和动画控制能力有限，无法满足复杂的交互需求。此时，开发者往往会借助JavaScript库（如GSAP或Lodash）实现自定义滚动动画，但又可能引发性能问题，如动画卡顿或页面重排频繁。此外，如何在保证性能的前提下，实现滚动与动画的协同、处理滚动事件的节流与防抖，也是实现流畅滚动体验的关键难点。