Question

如何在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' );
        }
    });
   }
});

Answer 1

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功能。

如何获取滚动数据（直观滚动，延迟加载）

1 个答案: