페이지를 스크롤 할 때 활성화 된 div를 표시하는 JavaScript

Question

거의 모든 곳에서 검색했지만 찾지 못했습니다. 페이스 북이나 인스 타 그램과 같은 피드가 있습니다. 나는 다른 게시물 (예 : 인스 타 그램)과 같은 5 개의 게시물마다 advotesment div를 두었습니다. 문제는 스크롤 위치가 advirtesment div에있는 경우 페이지를 스크롤 할 때 js와 함께 in-view와 같은 클래스를 추가하려고합니다. 어떻게해야합니까? 그런데 스크롤이 페이지의 맨 아래에있을 때 다른 게시물을로드합니다. 미리 감사드립니다.

Answer 1

jquery getBoundingClientRect를 사용하여 요소가 뷰에 있는지 확인한 다음 뷰 클래스를 추가 할 수 있습니다. 다음과 같은 방법으로 div 요소에 합격하여 사업부가 도움이 될

function isElementInView(element){ 
    var boundry = element.getBoundingClientRect(); 

    var isInView = boundry.top >= 0 && boundry.left >= 0 && 
       boundry.bottom <= (window.innerHeight || $(window).height()) && 
       boundry.right <= (window.innerWidth || $(window).width()); 

    return isInView; 
}