你只要控制dataInt.data的长度就好，用ajax读取数据

无限滚动是因为这段代码

            $(dataInt.data).each(function( index, value ){

                var $oPin = $('<div class="pin"></div>').appendTo( $( "#main" ) );

                var $oBox = $('<div>').addClass('box').appendTo( $oPin );

                $('<img>').attr('src','./images/' + $( value).attr( 'src') ).appendTo($oBox);

            });

每次滚到最后一张图片，就会把dataint里面所有的数据都加载到页面中，然后下一次滚动时又符合了加载条件，所以滚动是无限的。