变换：平移Y不工作在IE /边缘

Question

我们正在实施在我们的应用程序表格数据的简单冻结的标题样式属性，使用这种基本功能：

$('.wrapper').on('scroll', function() { 
    var translate = "translateY(" + this.scrollTop + "px)"; 
    this.querySelector('thead').style.transform = translate; 
}); 

它可以在Chrome/Firefox中的罚款，并它确实将正确的变换应用于thead元素的style属性，但它似乎并未实际应用IE/Edge中的变换。

这里有一个小提琴：https://jsfiddle.net/xLwgcsag/1/

Caniuse指出，IE11 /边缘都支持它没有前缀，所以这是一个错误，如果是的话，有没有解决办法？

Answer 1

为什么不只是使用CSS来保持头部固定呢？选择包含报头中的TR，并添加以下到它：

#trHeader { 
    position: absolute; 
}