화면 내 해당 요소(element)가 존재하는지 검사

현재 브라우저 화면에 해당 요소(element)가 존재하는지 판별하는 방법.

 

$.expr.filters.offscreen = function(el) {
    var rect = el.getBoundingClientRect();
    return (
        (rect.x + rect.width) < 0
            || (rect.y + rect.height) < 0
            || (rect.x > window.innerWidth || rect.y > window.innerHeight)
        );
};

 

위 함수를 만들고 아래와 같이 사용.

 

if( $("img").is(":offscreen") ) {
	console.log( '화면에 img 엘리먼트가 없음' );
}