javascript - 变换 : translateY Not Working on Style Attribute in IE/Edge

Question

我们正在我们的应用程序中为表格数据实现一个简单的卡住标题，使用这个基本函数:

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

它在 Chrome/Firefox 中运行良好，它确实对 thead 元素的样式属性应用了正确的转换，但它似乎并没有在 IE/Edge 中实际应用转换。

这是一个 fiddle :https://jsfiddle.net/xLwgcsag/1/

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

Answer 1

为什么不直接使用 CSS 来固定 header 呢？选择包含标题的 tr，并向其中添加以下内容:

#trHeader {
    position: absolute;
}