Проигрыватель прокрутки jQuery один за другим, действующий в WebKit

Question

Я работал над небольшим экспериментом, где, когда вы прокручиваете, на страницу загружаются новые записи.

You can see a practical example here.

Теперь, если вы посмотрите на этот Firefox, все работает так, как должно. По мере того, как вы прокручиваете нижнюю часть страницы, начинайте загрузку, но только один за другим. Просмотрите его в WebKit, и вместо этого он начнет загружать все из них сразу и не останавливаться, пока не будет загружена всякая доступная запись.

Вот мой полный JavaScript, любезно JQuery:

$(document).ready(function(){ 
    var loadedNum = 1; 
    var loadInterval = 10; 
    function loadMoreItems(){ 
     for(i=loadedNum; i<loadedNum+loadInterval; i++){ 
      $.get("ajax.html", function(data){ 
       $("#loader").append($("li:nth-child("+loadedNum+")",data)); 
       loadedNum++; 
      }); 
     } 
    } 
    loadMoreItems(); 
    $(this).scroll(function(){ 
     var positionNum = $(this).scrollTop(); 
     var heightNum = $("#container").height(); 
     var topNum = $("#loader").position(); 
     var windowNum = $(window).height(); 

     var totalHeight = topNum.top+heightNum; 
     var totalScrolled = positionNum+windowNum; 

     if(totalHeight-totalScrolled<100){ 
      $.get("ajax.html", function(data){ 
       $("#loader").append($("li:nth-child("+loadedNum+")",data)); 
       loadedNum++; 
      }); 
     } 
     $("#position").css("top",totalScrolled-20); 
     $("#position").text("total left is "+(totalHeight-totalScrolled)+"px"); 
    }); 
}); 

Кто-нибудь есть идеи, где я неправильно?

Answer 1

Это работает для меня в Safari (у меня нет браузера WebKit, поэтому я не могу его протестировать), однако я думаю, проблема в том, что оставшаяся сумма прокрутки будет рассчитываться как слишком маленький.