轉換：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;
}