verwandeln: translateY funktioniert nicht auf Stil Attribut in IE/Edge-

Question

wir einen einfachen gefrorenen Header für tabellarische Daten in unserer Anwendung implementieren, diese grundlegende Funktion:

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

Es funktioniert gut in Chrom/Firefox und Es wendet die richtige Transformation auf das style-Attribut des thead-Elements an, aber es scheint die Transformation nicht in IE/Edge anzuwenden.

Hier ist eine Geige: https://jsfiddle.net/xLwgcsag/1/

Caniuse besagt, dass IE11/Kanten beide unterstützen, ohne Präfixe, so ist dies ein Fehler, und wenn ja, ist es eine Abhilfe?

Answer 1

Warum nicht einfach CSS verwenden, um die Header stattdessen zu fixieren? Wählen Sie die tr, die die Header enthält, und fügen Sie folgendes hinzu:

#trHeader { 
    position: absolute; 
}