2011-12-21 3 views
5

div이 사용자에게 완전히 표시되는지 확인하는 방법이 있습니까? 스크롤 막대는 전체 div이 뷰포트 안에 들어갈 수 있도록 배치되었습니다.전체 div를 볼 수 있는지 확인

$(window).scroll(function() { 
    var top = $(window).scrollTop(); 
    var bottom = top + $(window).height(); 
    var dtop = $('#mydiv').position().top; 
    var dbottom = dtop + $('#mydiv').height(); 

    if (dtop>=top && dbottom<=bottom) { 
     alert('okay!'); 
    } 
}); 

http://jsfiddle.net/mblase75/dMwMb/ : 당신은 스크롤 문제의 사업부에 대한 위치를 확인하고 scroll 이벤트 핸들러를 비교해야 http://www.appelsiini.net/projects/viewport

답변

8

이것은이이 만들어진 정확히

+0

고맙습니다. – keepwalking

+0

와우 정말 멋집니다. 나는 이미이 질문에 대해 내 자신의 것을 굴리고 있었다. +1 –

+0

흠 ... 뷰포트에서 전체적으로 확인할 수 있습니까? 작은 부분 일뿐만 아니라? – keepwalking

관련 문제