jQuery实现滚动时动态加载页面内容详解编程语言

有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码:

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); 
});

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8544.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论