javascript - 同时垂直滚动两个表

Question

我有两个必须一起滚动的表:

$('.vscroll').on('scroll', function (e) {
    divTable1.scrollTop = e.scrollTop;
    divTable2.scrollTop = e.scrollTop;

虽然有一点延迟问题。 Table1 在 Table2 之前滚动几毫秒。

我知道 scrollTop 会触发滚动事件，但是有没有办法延迟 Table1 的滚动直到 Table2 的 scrollTop 也被设置？

Answer 1

尝试使用 setTimeout 来触发滚动，然后返回 false 以取消原来的滚动事件:

var ignoreEvent = false;

$(".vscroll").on('scroll', function (e) {
    if (!ignoreEvent) {
        setTimeout(function() {
            ignoreEvent = true;
            table1.scrollTop = e.scrollTop;
            table2.scrolLTop = e.scrollTop;
        }, 100);
    }

    ignoreEvent = false;
    return false; // cancels the original scroll event.
}