转换：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;
}