2017-09-28 13 views
0

スクロールの仕方をhttps://www.seznam.cz/で取得するにはどうすればよいですか?スクロールでデータを取得するには

これは私のコードですが、動作しますが、下部にデータが追加されます。私は底に500 PXを追加したいですか?

var flag= 5; 
$(window).scroll(function(){  
    var heigh_scroll= $(window).scrollTop(); 
    if(heigh_scroll == $(document).height() - $(window).height()){  
    // console.log('ajax');  
     jQuery.ajax({   
      url:'site/ajax-bottom', 
      type: 'POST', 
      data: { 
       'offset':flag, 
       'limit':1, 
      }, 
      success: function (data) { 

       $('.timeline__list').append(data); 
       flag+=5;  
      }, 
     error: function (xhr, textStatus, errorThrown) { 
      //errorPosition(); 
      jQuery('.restult').html('Please enter again'); 
      console.log('Error'); 
     } 
    }); 
    } 
}); 

答えて

0
var callAPI = true; 
$(window).scroll(function() { 
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) { 
    alert('end of page'); 
    //----call your function here --- 
    if(callAPI){ funCallAPI(); } 
    } 
}); 
function funCallAPI(){ 
    callAPI = false; 
    .... 
    ... 
    ajax_success_response:{ 
    callAPI = true; 
    } 
} 

-10機能を実行する前に離れページのユーザーの端からでなければなりませんどのくらいを示しています。これにより、必要に応じて動作を柔軟に調整できます。

check this example

こと注:ajax_success_responseは本当$.ajax機能になります。

+0

あなたの答えに感謝します。しかし、私はこの方法で自分のコードを変更しようとします、もし私がそれを行うなら、私はajaxリクエストに問題があります。それ以上のことをする。http://joxi.ru/EA4ZgExiDM5zKm –

+0

私は自分の答えを更新した。基本的にはフラグを設定する必要があります。次のAPIコールの場合は、それを何度も何度でも呼び出す必要があります。あなたがそれを得ることを望みます。 – BeingExpert

+0

ありがとう、それは動作します! –

関連する問題