Подскажите пожалуйста.
Из-за чего при скролле дергается шапка таблицы?
Вот
на этой странице.
Подергивание возникает при прокрутке колесом мыши или стрелками клавиатуры, когда тянешь скролл в браузере, все нормально.
Самое любопытное что абсолютно такая-же таблица в
русской версии сайта работает отлично.
Вот скрипт отвечающий за фиксацию верхней строки.
$(window).on('scroll', function() {
var tableTop = $("#table-compare").offset();
var winScroll = $(window).scrollTop();
var tableHeaderTop = tableTop.top + winScroll;
if (tableTop.top <= winScroll) {
$("#table-compare__header").offset({top:winScroll})
}
else {
$("#table-compare__header").offset({top:tableTop.top})
}
});
PS Сразу скажу, что через position: fixed; зафиксировать строку не мог, т.к. она должна скроллится по горизонтали при уменьшении ширины браузера.
PPS А так же скрипт почему-то не работает в мобильных браузерах ((
