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