Optimizar la velocidad de desplazamiento para Internet Explorer 11
Actualmente tengo una aplicación similar a una agenda en la que la primera columna es absolutamente horizontal y la primera fila es absolutamente vertical. Lo estoy logrando al captar el efecto de desplazamiento y cambiar la propiedad izquierda o superior de la clase CSS a la que está asociada. (estas clases pueden tener hasta 700 artículos (2 años cada día)).
$(window).scroll(function () {
$('.Planning tr > td:first-child').css("left", "" + $(this).scrollLeft() + "px");
$('.Planning thead > tr:first-child').css("top", $(this).scrollTop()+50 + "px");
});
Esto funciona como se esperaba en todos los navegadores (probé en Chrome, Firefox e Internet Explorer)
Pero en Internet Explorer, es muy lento. El desplazamiento solo se muestra después de que dejó de desplazarse, mientras que en Chrome y Firefox parece que la fila superior está fija, lo que se ve mejor y más fácil de usar.
¿Hay alguna manera de impulsar esto? ¿O alguna biblioteca que esté optimizada para Internet Explorer para que pueda evitar este comportamiento "lento" en IE?
https://jsfiddle.net/7mfcrLh5/12/ Para un ejemplo de jsfiddle (esto funciona muy bien en Chrome pero no en Internet Explorer)