분류 javascript

요소가 뷰포트에 있는지 확인 (9/86)

컨텐츠 정보

  • 조회 450 (작성일 )

본문

ele 요소가 뷰포트에 표시되면 다음 함수는 true를 반환합니다.


https://htmldom.dev/check-if-an-element-is-in-the-viewport 


const isInViewport = function(ele) {
    const rect = ele.getBoundingClientRect();
    return (
        rect.top >= 0 &&
        rect.left >= 0 &&
        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
        rect.right <= (window.innerWidth || document.documentElement.clientWidth)
    );
};



dom