Javascript 水平滚动需要永远的时间

我有两张桌子，它们相互依赖。
因此，当其中一个被滚动时，

onScroll

事件会更新另一个。
但用鼠标水平滚动使其几乎无法移动。
如果我删除

onScroll

事件，我可以再次正常水平滚动

如何正常滚动事件

听众

document.getElementById('schedule-container').addEventListener('scroll', ctrl.onScroll, {capture: true, passive: true});
document.getElementById('shifts-container').addEventListener('scroll', ctrl.onScroll, {capture: true, passive: true});

ctrl.onScroll = e => {
    $('#schedule-container, #shifts-container').scrollLeft(e.target.scrollLeft);
};

处理程序

document.getElementById('schedule-container').addEventListener('scroll', ctrl.onScroll, {capture: true, passive: true});
document.getElementById('shifts-container').addEventListener('scroll', ctrl.onScroll, {capture: true, passive: true});

ctrl.onScroll = e => {
    $('#schedule-container, #shifts-container').scrollLeft(e.target.scrollLeft);
};

---

由于您希望手动滚动其中一个以更改另一个，因此您只希望将

scrollLeft

应用于另一个，而不是您正在使用的

试一试