로드 더 많은 데이터 -

내가 페이지 스크롤에 데이터를로드하려고이 내가이 문제는, 내 페이지 설정에 따라 내가했던되어로드 더 많은 데이터 -

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

다음과 같은 기능을 실행하려고 작동하지 ScrollTop 기능 본문 오버플로 : 숨김 및 컨테이너 스크롤 가능하게, 위의 코드는이 경우에는 작동하지 않습니다, 그러나 나는 그 다음 작동 괜찮아요 본문 스크롤을 사용할 때 아무도 이것을 처리하는 방법을 제안 할 수 있습니까? 여기

당신은 스크롤 위치에 대한 클래스 scroller 대신 window를 가진 요소를 확인하는 데 필요한 JSFiddle demo

출처

2016-11-16 Sanjeev Kumar

https://jsfiddle.net/rhbmxssv/ ("(.scroller")). $ (window) .scroll (function() 대신 scroll (function()') – vijayP

벌써 시도했지만 행운이 없습니다 –

이 업데이트 된 fidd를보십시오 le : https://jsfiddle.net/n0rramke/3/ – vijayP

입니다.

$('.scroller').scroll(function() 
    { 
     if($('.scroller').scrollTop() >= ($('.scroller')[0].scrollHeight - $(window).height())) 
     { 
     alert("load more data") 
     } 
});

JS 바이올린 : (내가 제대로 질문을 이해한다면) https://jsfiddle.net/n0rramke/5/가

출처

2016-11-16 11:27:07

답장을 보내 주셔서 감사하지만 불행히도 작동하지 않습니다. ( –

@SanjeevK 귀하의 필요에 맞게 답변을 업데이트했습니다. –

감사하지만 시도했지만 업데이트 된 코드는 성공했지만 –

이 작동합니다 :

if ($(".scroller").height() <= $(".scroller").scrollTop()) { 
    alert("load more data") 
}

바이올린 : 당신이 $ '로 시도 할 수

출처

2016-11-16 11:31:35 MarcoS

대답 주셔서 감사하지만 작동하지 않는, 내가 무엇을 내 화면 높이가 900 픽셀이라고 가정 해 보겠습니다. 그러면 900 픽셀 아래로 스크롤 할 때 경고가 발생합니다. –

로드 더 많은 데이터 -

답변

관련 문제