javascript HTML 요소가 화면에 보여지는지 체크

new IntersectionObserver(function(parameter) {

    // parameter 안에 보여지는 Tag element가 들어있음

    // parameter.intersectionRatio  화면에 보여지는 비율 0.0 ~ 1.0

    // parameter.isIntersecting  화면에 보여지는지 여부

); 

 

사용 예시

// 감시 객체 생성

const elementObserver = new IntersectionObserver(function() {

    // do something

});

 

const targetElement = $('element-query-string');

elementObserver.observe(targetElement.get(0));