滚动时自动加载内容

很多网站使用了流行的瀑布图布局，这种类型的网站在页面滚动的时候会自动加载内容。下面这段代码让你能够把这个功能搬到你的网站上。

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

});