拖動滾動條實現內容自動載入效果

antzone發表於2017-04-03

現在很多網站都有這樣的功能,那就是拖動滾動條實現元素自動載入效果。

也算是當前比較時尚的一種呈現,當然有喜歡的也有不喜歡的,下面就是一個程式碼片段。

需要的朋友可以做一下參考,程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
var loading = false;
$(window).scroll(function(){
  if((($(window).scrollTop()+$(window).height())+250)>=$(document).height()){
    if(loading == false){
      loading = true;
      $('#loadingbar').css("display","block");
      $.get("load.php?start="+$('#loaded_max').val(), function(loaded){
        $('body').append(loaded);
        $('#loaded_max').val(parseInt($('#loaded_max').val())+50);
        $('#loadingbar').css("display","none");
        loading = false;
      });
    }
  }
});
$(document).ready(function() {
  $('#loaded_max').val(50);
});

相關文章