JavascriptとAjaxページのスクロールをもっと読み込む：アンドロイドまたはイオスを実行しているスマートフォンでもっと読み込んでいない

Question

私はこのページの下の方にスクロールするデータベースからより多くのデータを読み込むjavascriptとajaxコードを持っています。デスクトップやラップトップでもうまく動作します。しかし、スマートフォンから読み込むときに問題があるようです。最初の10項目が読み込まれ、デスクトップのようにページのスクロールに多くの負荷がかかりません。エラーを投げたりアラートを出すことはありません。私が何をしているのか、画面をどのように配置しても、それ以上の負荷はかかりません。

var page_num = 1; 
var loading = false; 
load_more_contents(page_num); 
$(window).scroll(function() { 
if($(window).scrollTop() + $(window).height() >= $(document).height()) { 
    page_num++; 
    load_more_contents(page_num); 
} 
});  
function load_more_contents(page_num){ 
if(loading == false){ 
    loading = true; 
    $('.loading-info').show(); 
    $.post('load_more_videos.php', {'page': track_page}, function(data){ 
     loading = false; 
     if(data.trim().length == 0) 
     { 
      $('.loading-info').html('<p> End of records</p>'); 
      return; 
} 
$('.loading-info').hide(); 

$("#results").append(data); 
}).fail(function(xhr, ajaxOptions, thrownError) { 
     alert(thrownError); 
    }) 
} 
} 

Answer 1

最終的に解決策が見つかりました。将来助けてくれる人に。本質的には、話すためにページの下部をオフセットするだけです。ユーザーがスクロールしているとして、あなたは次のロットが

$(window).scroll(function() { 
if($(window).scrollTop() + $(window).height() >= $(document).height()-100) { 
page_num++; 
load_more_contents(page_num); 
} 
}); 

（-100に注意してください）ページの下部にあるが、それより上ではないロードしたいここでデモです：http://jsbin.com/humiwek/edit?js,console,output