スクロールが最後に到達する前にアラートを取得する方法

Question

$.ajax({ 
    url: "http://localhost:50971//Home/NewMethod", 
    type: "get", 
    dataType: "json", 
    cache: false, 
    success: function (Result) 
    { 
     var select = $('<Select />', {id:'ddlDynamic'}); 
     var appenddata; 
     $.each(Result.slice(0,50), function (key, value) { 
      appenddata += "<option value = '" + value.PKFormID + " '>" + value.FormDesc + " </option>"; 
     }); 
     $(select).html(appenddata).appendTo('#dropdown'); 
     $('#ddlDynamic').scroll(function() { 
      if ($(this)[0].scrollHeight - $(this).scrollTop() <= $(this).outerHeight()) { 
       alert("end of scroll"); 
       // You can perform as you want 

      } 
     });    
    } 
}); 

結果にデータが表示されており、初めて50レコードが表示されています。今私は終わりに近づくとメッセージを表示する警告を表示するようにしたいが、何もエラーもなくなることはない。

ヘルプが必要です。おかげさまで

Answer 1

これを使用できますか？それは動作しますhere

$.ajax({ 
    url: "http://localhost:50971//Home/NewMethod", 
    type: "get", 
    dataType: "json", 
    cache: false, 
    success: function (Result) 
    { 
     ....... // your code here 
     $(window).scroll(function() { 
      var divTop = $('#yourDivId').offset().top, 
      divHeight = $('#yourDivId').outerHeight(), 
      wHeight = $(window).height(), 
      windowScrTp = $(this).scrollTop(); 
      if (windowScrTp > (divTop+divHeight-wHeight)){ 
        alert('reached to bottom'); 
      } 
     });   
    } 
});