transform：translateY不适用于IE / Edge中的样式属性

Question

我们正在使用这个基本功能在我们的应用程序中为表格数据实现一个简单的冻结标题：

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

它在Chrome / Firefox中运行良好，它确实将正确的变换应用于thead元素的样式属性，但它似乎并未在IE / Edge中实际应用变换。

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

Caniuse表示IE11 / Edge都支持它没有前缀，所以这是一个错误，如果有，是否有解决方法？

Answer 1

为什么不使用CSS来保持标题固定？选择包含标题的tr，并将以下内容添加到其中：

#trHeader {
    position: absolute;
}