Ich habe derzeit eine agenda-ähnliche Anwendung, bei der die erste Spalte absolut horizontal und die erste Zeile absolut vertikal ist. Ich erreiche dies, indem ich den Bildlaufeffekt abfange und die linke oder obere Eigenschaft der CSS-Klasse ändere, an die sie angehängt ist. (Diese Klassen können bis zu 700 Artikel umfassen (2 Jahre pro Tag).

$(window).scroll(function () {
    $('.Planning tr > td:first-child').css("left", "" + $(this).scrollLeft() + "px");
    $('.Planning thead > tr:first-child').css("top", $(this).scrollTop()+50 + "px");                 
});

Dies funktioniert wie erwartet in allen Browsern (ich habe es in Chrome, Firefox und Internet Explorer getestet)

Aber im Internet Explorer ist es sehr langsam. Der Bildlauf wird erst angezeigt, nachdem Sie den Bildlauf beendet haben. In Chrome und Firefox sieht es so aus, als wäre die oberste Zeile repariert, was besser und benutzerfreundlicher aussieht.

Gibt es eine Möglichkeit, dies zu verbessern? Oder irgendwelche Bibliotheken, die für den Internet Explorer optimiert sind, damit ich dieses "langsame" Verhalten im IE vermeiden kann?

https: //jsfiddle.net/7mfcrLh5/12 Für ein jsfiddle-Beispiel (das funktioniert gut in Chrome, aber nicht im Internet Explorer)