Javascript 水平固定柱在IE上滞后

我试图从垂直列表中建立比较表。 主要目标是第一列必须仅水平固定，并且水平滚动条必须始终在屏幕上可见。我想简单地比较第一列的行和其他列的对应行

像这里

我通过在第一列上使用position absolute并在scroll事件上更改其css left属性来实现这一点

$('#container').scroll(function() {
        $('#main').css('left', $(this).scrollLeft());
    });

---

那个解决方案很好，除了IE。在IE上，我的固定柱滞后，改变位置不平稳。我正在尝试修复它，但我已经没有解决方案了。

问题的一部分可能来自这样一个事实，即将任何内容附加到滚动事件都可能非常繁重，只需将console.log（）附加到它就足以理解调用的数量。
您应该尝试中提出的解决方案，这肯定会使它在除IE之外的其他浏览器上更加轻巧。
我知道您正在搜索平滑度，您可以设置left属性的动画，而不是立即更改它，或者找到一种只在IE上进行平滑过渡的方法，使其与其他浏览器保持一致。
您可以尝试的另一件事是将更改，但遗憾的是IE不支持。您可以尝试将transform:translate3D（0,0,0）转换为#main，以诱使浏览器使用硬件加速，这可能会提高IE11的性能。

--编辑 我想到的另一件事是：

---

我可以看出，您需要绝对定位div，而不是固定div，因为您需要向下滚动，同时保持它与其他表对齐。你能不能用JS给它定位：水平滚动时固定，用户垂直滚动或停止水平滚动时返回绝对？

是的，我可以，但出现了新问题，因为固定元素是相对于浏览器定位的，而不是相对于父元素。而且它还会使窗口溢出列表。