Firefox和Microsoft Edge上的Html表固定列（相对定位）Jerk

Question

我正在开发一个带有多个固定列的HTML表格，在谷歌浏览器中工作得非常好，但在其他浏览器中，例如firefox，Microsoft edge，当我尝试水平滚动表格时，固定列会产生不稳定的行为。我也将jquery部分更改为plain / vanila javascript，但仍面临同样的问题

$('tbody').scroll(function(e) { 

    $('thead').css("left", -$("tbody").scrollLeft()); 
    $('thead th.fixed:nth-child(n)').css("left", $("tbody").scrollLeft());
    $('tbody').css("left", -$("thead").scrollLeft()); 
    var tbody = $('tbody td.fixed');

    for(var i=0; i < tbody.length; i++){
        tbody[i].style.left = $("tbody").scrollLeft() + 'px';

    }

});

请查看此链接以供参考：
  http://jsfiddle.net/bzuasLcz/5591/