페이지 하단으로 스크롤링 및 무제한 스크롤

Question

무제한 스크롤로 작동하는 웹 페이지를 만들려고합니다. 이제 문제는 지금 작동하지 않는 것입니다 :

window.scroll(function() { 
    alert('Scrolling'); 
    if ($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) { 
      alert('Reached the bottom'); 
    } 
    }); 

가 나는 그것이 기본적으로 자바 스크립트에도 불구하고, JQuery와 정말 새로운 해요 (? 오른쪽) 어쨌든, 내가 무슨 일을하고 있는가? 나는 또한 document.scroll과 document.body.scroll을 시도했다.

Answer 1

이 시도 : 시도

if ($(this).scrollTop() == $(document).height() - $(window).height()) { 
      alert('Reached the bottom'); 
    } 

내가 그것을 jsfiddle'd 그것은 작동합니다 http://jsfiddle.net/wcKVK/1/

Answer 2

적어도 하나의 오류가있다.

$(window).scroll(function() { 
    alert('Scrolling'); 
    if ($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) { 
      alert('Reached the bottom'); 
    } 
    }); 

Answer 3

을 나는 이것이 당신이 달성하려고하는 것입니다 생각 :

$(window).scroll(function() { 
    if ($('body').scrollTop() + $(window).height() == $('body').outerHeight()) { 
    alert('Reached the bottom'); 
    } 
}); 

Answer 4

(function ($) { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() == $(document).height() - $(window).height()) { 
      alert('bottom'); 
     } 
    }); 
}(jQuery)); 

은 저에게 효과적입니다.