Я пытаюсь удалить фиксированный заголовок, покидая таблицу в верхней части прокрутки. Но когда я быстро прокручиваюсь, мой код ниже не может установить видимость скрытой достаточно быстро и продолжать показывать фиксированный заголовок таблицы из-за цикла (может быть?). Как я могу скрыть это правильно? То, как я исправил, не хочу: проверьте в конце таблицы и спрячьте все.
Когда я говорю прокрутку быстро, нужно удерживать панель для прокрутки. Или нажмите кнопку для прокрутки, чтобы перейти вниз.
$window.addEventListener("scroll", function() {
var tab = $("div[name='" + tabScroll + "']")[0];
var tableResults= tab.getElementsByClassName('results'); // get all tables(lots of tables)
//loop all tables to check if the top scroll is inside of table specific.
$(tableResults).each(function(index, element){
var link = $(element);
var offset = link.offset();
var top = offset.top;
var bottom = top + link.outerHeight();
var inside = ($(document).scrollTop() >= $(element).offset().top && $(document).scrollTop() <= bottom-150)
if(inside){
toggleHeader(element, "visible");
} else if($(document).scrollTop() >= $(element).offset().top && $(document).scrollTop() <= bottom){
toggleHeader(element, "hidden");
}
});
});
function toggleHeader(x, v) {
$(x).find('thead').css('visibility', v);
$(x).parent().parent().find('.float-left-div').children().css('visibility', v);
}
jquery,css,