js & jQuery
javascript HTML 요소가 화면에 보여지는지 체크
바나나만두
2022. 11. 2. 14:43
반응형
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));
반응형