同步 2 个 div 上的滚动

Lem*_*kin 0 angular

我有 2 个高度相同的可滚动 div,我想以两种方式同步它们的滚动。

我在这里做了一个 stackblitz :https://stackblitz.com/edit/angular-9-0-0-rc-1-sync-scroll ?file=src/app/app.component.ts

我看到的是滚动事件反弹了几次,最终滚动速度非常慢,这并不流畅。

我不知道如何防止弹跳,并且当用户在 div 中滚动时,滚动会在另一个 div 中报告,然后事件在那里结束。

我尝试使用 cdkScrollable 但在用户在 div 中滚动的时刻和滚动报告给另一个 div 的时刻之间有一小段时间,我需要它是无缝的。

任何想法?

igo*_*r_c 5

所以问题是,当滚动第一个列表时,它更新了第二个列表,第二个列表也对滚动事件做出反应并更新了第一个列表。我不确定这就是您在问题中所描述的内容,但无论如何我修复它的想法是检查光标现在在哪里并更新相反的列表。使用类中的额外属性并根据事件更新它可以轻松完成mouseenter

这是我的解决方案:https://stackblitz.com/edit/angular-9-0-0-rc-1-sync-scroll-m9jqr7 ?file=src/app/app.component.ts

  • 这正是我想要的,谢谢你的技巧=) (2认同)