Firefox和Internet Explorer中的Javascript滚动问题

Question

我有一张由左右两部分组成的表格。 基本上是这样的：

<div id="wholeTable">
    <div id="leftPart"></div>
    <div id="rightPart"></div>
</div>

我需要在整个表格上进行垂直滚动，在右侧部分进行水平滚动，但事件只会在表格的右侧部分触发。

问题出在Firefox和Internet Explorer中，左侧部分的滚动存在滞后。

以下是我正在使用的代码：

$('#rightPart').on('scroll', function (event) {
    var leftPart = $('#leftPart').get()[0];
    var top = -1 * event.currentTarget.scrollTop + 'px';
    leftPart.style.top = top;
});

P.S。关闭Internet Explorer中的平滑滚动解决了那里的问题， 但它不被接受作为解决方案，Firefox也没有解决。 也不接受在整个表格上滚动，因为正确的部分需要 水平可滚动。