2010-01-18 4 views
1

div 스크롤이 끝날 때마다 ajax를 호출하는 코드가 있습니다. 자동 동적 스크롤이라고 가정합니다. 이 아약스는 목록의 다음 X 항목을 가져옵니다.JQuery 스크롤이 IE에서 두 번 히트

$("#gvContacts").scroll(function(){ 
    var scrolltop=$('#gvContacts').attr('scrollTop'); 
    var scrollheight=$('#gvContacts').attr('scrollHeight'); 
    var windowheight=$('#gvContacts').attr('clientHeight');        

    if(scrolltop==(scrollheight-(windowheight))) 
    {         
     var p = eval($("#pageNumber").val());   
     $("#pageNumber").val(p + 1); // This updates what page should the ajax get next 
     loadRelatedFilters(false); //This call an ajax to load more 
    } 
} 

FF, Chrome에서도 잘 작동합니다. IE에서도 작동합니다. 그러나 그것은 두 번 치고, 알아낼 수 없다. 목록의 끝에 도달 할 때마다 하나가 아닌 2 페이지를 얻습니다.

답변

4

debounce 스크롤 이벤트가 필요한 것 같습니다. 그러나, 무엇 정말처럼 들리는가 "무한 스크롤"에 노력하고 있습니다 - 내가 잘못 했나요?

만약 그렇다면 이미 작성된 것을 사용하십시오! http://www.infinite-scroll.com/

+0

네가 맞아! 나는 debounce로 나의 코드를 지켰다. 고맙습니다! 큰 도움이됩니다! –

+0

문제 없습니다. :) –

+0

완벽한 !! 고마워요 @ 매트 볼 .. – coolguy

관련 문제