lazyload jquery ｜只要 scroll 到最下面，會不斷跟後端請求，但明明已經沒有數據？

Question

$(window).scroll(function(){
  var WindowHeight = $(window).height();

  if($(window).scrollTop() >= $(document).height() - WindowHeight){

    $('#loader').html('<img src="../images/loading_v2.svg">');

    var LastDiv = $(".data-display:last");
    var LastId  = $(".data-display:last").attr("id");
    var ValueToPass = "lastid="+LastId;

    $.ajax({
      type: "POST",
      url:"/module/user/order/lazyload.app",
      data: ValueToPass,
      cache: false,
      success: function(data){
        if(data != ''){
          LastDiv.after(data);
        }else{
          $('#loader').html('沒有更多。');
        }
      }
    });
  }
  return false;
});

好怪的現象，不知道哪裡寫錯了
只要 scroll 到最下面，會不斷跟後端請求，但明明已經沒有數據，必須要稍微往上 scroll 一點，才會出現 沒有更多。
不然他就會一直出現 「<img src="../images/loading_v2.svg">」 loading 圖，然後消失，然後又出現 loading 圖，又消失，不斷重複