firefox和internet explorer中的Javascript滚动问题

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

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

另外，在Internet Explorer中关闭“平滑滚动”可以解决此问题， 但它并没有被接受为解决方案，Firefox也没有解决这个问题。 另外，不接受在整个表格上滚动，因为需要滚动正确的部分

---

可水平滚动。

请提供完整的演示或JSFIDLE，包括CSS！一个肤浅的例子：包含jQuery->请提供一个完整的演示或包含CSS的JSFIDLE！一个肤浅的例子：包含jQuery->

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