빠른 스크롤 설정이 가시성을 충분히 숨김

Question

스크롤 상단에 테이블을 놓고 고정 할 때 머리글을 제거하려고합니다. 그러나 빠르게 스크롤 할 때, 아래의 코드는 가시성을 충분히 빠르게 숨기지 않고 루프로 인해 내 테이블의 고정 된 머리글을 계속 표시합니다 (아마도?). 어떻게 제대로 숨길 수 있습니까? 내가 고쳐 놓은 방식은 내가 원하지 않는 것입니다 : 테이블 끝에서 확인하고 모든 것을 숨 깁니다.

스크롤 속도가 빠르다는 것은 스크롤 막대를 잡는 것입니다. 또는 스크롤바를 클릭하여 아래로 이동하십시오.

Answer 1

각각의 스크롤은 모든 경우에 else if else else를 호출합니다. 아래의 코드는 각 루프 내부에 있습니다.

var element = angular.element(val); 

var positionOutsideOfTable = $(element).offset().top + $(element).outerHeight(); 
var inside = (scrollY >= $(element).offset().top && scrollY <= positionOutsideOfTable - 200); 

if (inside) { 
    // I'm inside of this table yay 
} else if (scrollY >= $(element).offset().top && scrollY <= positionOutsideOfTable + $(document).height()) { 
    // I'm below the table and at same time I'm out of everything :(
} else { 
    // I'm out of everything 
}