jquery - 현재 볼 수있는 항목/창/접기 항목 아래에있는 항목을 확인하는 방법

Question

jquery를 사용하면 요소가 스크롤해야 볼 수있는 부분 아래에 있는지 확인할 수있는 가장 좋은 방법은 창에없고 볼 수 없도록하는 것입니다. 사용자?

감사

Answer 1

나는 당신이보기 밖으로 스크롤되었는지 여부를 참조한다고 가정.

그렇다면,이 시도 :

이

if($(window).scrollTop() + $(window).height() > $('#my_el').offset().top) { 
    // element is in view 
} 

예 :http://jsfiddle.net/8x4Zd/

(. 대상 요소가보기에있는 경우 다음 테스트 아래로 스크롤 반복하는 결과 패널을 클릭합니다.)를

전체 요소가 표시되도록하려면을 추가하십시오. 210을 방정식에 입력합니다.

예 : 매우 멋진http://jsfiddle.net/8x4Zd/1/

var win = $(window); 
var el = $('#my_el'); 
var winPos = win.scrollTop() + win.height(); 
var elPos = el.offset().top + el.height(); 

if(winPos > elPos) { 
    // element is in view 
}