Оптимизация скорости прокрутки для Internet Explorer 11
В настоящее время у меня есть приложение, похожее на повестку дня, где первый столбец абсолютно горизонтальный, а первый ряд - абсолютный вертикальный Я добиваюсь этого, улавливая эффект прокрутки и изменяя свойство left или top класса CSS, к которому он прикреплен. (в этих классах может быть до 700 предметов (2 года в день)).
$(window).scroll(function () {
$('.Planning tr > td:first-child').css("left", "" + $(this).scrollLeft() + "px");
$('.Planning thead > tr:first-child').css("top", $(this).scrollTop()+50 + "px");
});
Это работает, как и ожидалось, во всех браузерах (я тестировал в Chrome, Firefox и Internet Explorer)
Но в Internet Explorer это очень медленно. Прокрутка отображается только после того, как вы прекратили прокрутку, тогда как в Chrome и Firefox похоже, что верхний ряд зафиксирован, что выглядит лучше и удобнее для пользователя.
Есть ли способ повысить это? Или какие-нибудь библиотеки, которые оптимизированы для Internet Explorer, чтобы я мог избежать такого "медленного" поведения в IE?
https://jsfiddle.net/7mfcrLh5/12/ Для примера jsfiddle (это прекрасно работает в Chrome, но не в Internet Explorer)