jQuery 플러그인 화면 도시여부 체크

selector 된 요소가 주어진 부모창(스크롤을 가진)에서 보이는지 안보이는지에 대한 여부를 체크하는

간단한 플러그인 이다.(해당 플로그인은 Y 축만 체크한다 필요하면 X축 계산만 추가하면 된다)

/**

 * 현재 해당 요소의 도시여부를 체크하는 function

 * @param parent 

 */

(function( $ ) {

    $.fn.visible = function(parent) {

var $parent = $(parent);

var bHeight = $parent.height();

var bTop = $parent.offset().top;

var top = $(this).offset().top;

if(top >= bTop && top < (bTop + bHeight)){

return true;

}

        return false;

    };

}(jQuery));

사용예시>

$("#Test").visible(".bottom");

스크롤이 되는 영역안에서 브라우져 상에 사용자에게 보여지는 영역안에 있지를 체크한다.(Y축만 고려함)

스크롤을 가진 부모에 대한 셀렉터를 파라미터를 받지말고, 부모중 스크롤을 가진 요소를 찾아서 처리해도 된다.

ps> x 축 추가는 간단한 응용이기 때문에 생략한다.