风行一时瀑布流网页布局，实现无限加载（jquery）

var $boxs = $("#main>div")
        var boxw = $boxs.eq(0).outerWidth();
        var clos = Math.floor($(window).width()/boxw);
        $("#main").width(boxw*clos).css(‘margin‘,‘0 auto‘);

var hArr=[];
        $boxs.each(function(index, element) {
            var h=$boxs.eq(index).outerHeight();
            if(index<clos){
                hArr[index]=h;
                }
                else{
                    var minH=Math.min.apply(null,hArr);
                    var minHindex=$.inArray(minH,hArr);
                    $(element).css({
                        ‘position‘:‘absolute‘,
                        ‘top‘:minH+‘px‘,
                        ‘left‘:minHindex*boxw+‘px‘
                        })
                        hArr[minHindex]+=$boxs.eq(index).outerHeight();
                    }

$(window).scroll(function(){
    
        if(checkscroll){
            for(var i=1;i<8;i++){
                var obox=$("<div>").addClass("box").appendTo($("#main"));
                var opic=$("<div>").addClass("pic").appendTo($(obox));
                $("<img>").attr(‘src‘,‘images/‘+ i +".jpg").appendTo($(opic));
                }
        
                waterfall();
            }
        }) 
        function checkscroll(){
            
            var lasttop=$("#main>div").last().offset().top+=Math.floor($("#main>div").last().outerHeight()/2);
            var scrolltop= $(window).scrollTop();
            var documeth= $(window).height();
            return(lasttop>scrolltop+documeth)?true:false;
            }