转换：translateY无法在IE / Edge中使用样式属性

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 / Edge都支持不带前缀的功能，所以这是一个错误，如果是这样，是否有解决方法？

Answer 1

为什么不使用CSS来固定标头呢？ 选择保存标题的tr，然后添加以下内容：

#trHeader {
    position: absolute;
}