根據拖動滾動條加載數據；

window.onload=function(){
waterfall('main','box');
//模擬?從數據庫拿到的數據
var?dataInt={"data":[{"src":"0.jpg"},{"src":"1.jpg"},{"src":"2.jpg"}，{"src":"3.jpg"}，{"src":"4.jpg"}]?}

window.onscroll=function(){
??if(checkScrollSlide){
?????var?oParent=document.getElementById('main');
?????for(var?i=0;i<dataInt.data.length;i++){
???????var?oBox=document.createElement('div');
???????oBox.className='box';
???????oParent.appendChild(oBox);
???????var?oPic=document.createElement('div');
???????oPic.className='pic';
???????oBox.appendChild(oPic);
???????var?oImg=document.createElement('img');
???????oImg.src="images/"+dataInt.data[i].src;
???????oPic.appendChild(oImg);??
?????}
???waterfall('main','box');
??}?
?}
}

function?checkScrollSlide(){
????var?oParent?=?document.getElementById('main');
????var?oBoxs=getByClass(oParent,'box');//返回所有父元素標簽類名為box的數組
????var?lastBoxH=oBoxs[oBoxs.length-1].offsetTop+Math.floor(oBoxs.[oBoxs.length-1].offsetHeight/2);
????var?scrollTop=document.body.scrollTop?||document.documentElement.scrollTop;
????var?height=document.body.clientHeight?||document.documentElement.clientHeight;//排除兼容性
????return?(lastBoxH<scrollTop+height)?true:false;
}