페이지 하단으로 스크롤 할 때 내 scrollTop이 작동하지 않는 이유는 무엇입니까?

Question

현재 개발중인 사이트의 페이지 맨 아래에있을 때를 감지하기 위해 일부 js를 사용하고 있습니다. 나는 현재 여기에이 스크립트와 JS를 테스트입니다 : 여기

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
    console.log('you are at the bottom'); 
    } 
}); 

내 문제는 단지 불이 내 스크롤 페이지 내가 원하는 원하는 효과가 없었다되지 하단의 정상에 도착합니다.

누구나 왜 작동하지 않는지 볼 수 있습니까?

감사합니다, 마크

Answer 1

scrollTop이 창 상단이며, 당신이 페이지 하단에 도달하면,이 바닥으로 인라인되지 않기 때문에.

창 높이를 고려해야합니다.

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
    alert("bottom!"); 
    } 
});