| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
lpki123
10年前发布

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