우리가 자바 스크립트/jQuery를

Question

를 사용하여 페이지의 하단에 있다면 확인하는 방법

가 jQuery를에 scrollBottom()라고 아무것도 없다, 그래서 $(window).scrollBottom()==0

이 질문은 제목 자체에서 분명 희망 할 수 없습니다. 어떤 도움이라도 대단히 감사하겠습니다. 저는 주로 IE7 +, FF3.5 + (Chrome 등은 보너스입니다)에 관심이 있습니다.

고마워요!

function isScrolledIntoView(elem) 
{ 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 

    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom)); 
} 

내가 (페이스 북에서 같은) 무한 스크롤 효과를 구현 함께 : 요소 (페이지 하단에서, 예를 들어 요소)의 표시 여부를

Answer 1

당신은 확인이 기능을 사용할 수 있습니다.

각 시간을 확인할 수 있으며, 사용자가 창을 스크롤된다

function checkAndLoad(){ 
    if(isScrolledIntoView($('#footer'))){ 
     triggerSomething(); // 
    } 
} 
$(document).ready(function(){ 
    checkAndLoad(); 
    $(window).scroll(function(){ 
     checkAndLoad(); 
    }); 
}); 

Answer 2

< 아이러니 >를 사용하여 자바 스크립트. </아이러니티브 >

브라우저 지원은 혼합 백입니다. IE가 아닌 window.pageYOffset을 사용할 수 있으며 브라우저 버전 및 호환성 모드에 따라 document.body.scrollTop 또는 document.documentElement.scrollTop 중 하나를 사용해야합니다.

결과에 따라 다양한 수준의 수학적 조작을해야 할 수도 있습니다. 직장에서 테스트 할 여러 브라우저에 액세스 할 수 없으며 이러한 작동 방식에 대한 세부 정보를 기억할 수 없습니다.

Answer 3

확인이

http://jsfiddle.net/sandeepan_nits/3Ys35/2/

를 작동하는 경우가 나는 e.pageY 및 $(document).height() 비교하지만, 바이올린 예는 모든 브라우저 정확하게 작동하지 않고 오프셋 문제가있다. 1 오프셋을 설정하면 ff에서 정상적으로 작동합니다.

아무것도 당신이 브라우저에 따라 다른 오프셋 (IES 다른 사람들이 아마 별도의 별도 필요합니다) 설정하거나 다른 그 당 확인하는 경우 범위 확인 (if((e.pageY < ($(document).height() + upperLimit)) && (e.pageY > ($(document).height() + lowerLimit))))와 동등한 조건 (if(e.pageY == ($(document).height() - offset))를) 대체 할 수 완벽하게 작동하지 않는 경우

당신의 요구 사항.