滚动永远需要水平

Question

我有两个表，彼此依赖。
因此，当其中一个滚动时，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);
};

Answer 1

由于您希望手动滚动一个来更改另一个，所以只想将scrollLeft应用于另一个而不是您正在使用的那个

尝试

$('#schedule-container, #shifts-container').not(e.target).scrollLeft(e.target.scrollLeft);