dom scroll 滚动 节点多的时候 有短暂不同步的问题?

Question

我有 A,B 两个节点

当 A 滚动的时候 B 也要跟随滚动,
但是 当 A,B 内部节点多的时候 会发现 滚动有 短暂的抖动不同步现象,请问 有没有什么css 属性 或者 js 黑科技 能解决?

Answer 1

最简单的办法是延迟滚动事件的处理，以等待浏览器完成渲染，不过效果可能达不到你的期待值。
更高级的办法是使用 IntersectionObserver API 来代替 scroll 事件。IntersectionObserver API 可以监听元素是否与可视区域相交，并在相交时触发事件，这可以有效避免滚动不同步的问题。