童鞋，課程已修訂，代表小伙伴們感謝你一下確實(shí)啊  用戶體驗(yàn)更好啊   怎么會(huì)是更差呢 

因?yàn)檫@個(gè)練習(xí)只是部分的代碼,還沒(méi)有添加滾動(dòng)條監(jiān)測(cè)事件,就是這個(gè)↓↓↓,這里面放入了waterfall()函數(shù),因此鼠標(biāo)滾動(dòng)條位置變化時(shí)就會(huì)從新計(jì)算列數(shù).

window.onscroll=function(){
????????if(checkscrollside()){
????????????var?oParent?=?document.getElementById('main');//?父級(jí)對(duì)象
????????????for(var?i=0;i<dataInt.data.length;i++){
????????????????var?oPin=document.createElement('div');?//添加?元素節(jié)點(diǎn)
????????????????oPin.className='pin';???????????????????//添加?類名?name屬性
????????????????oParent.appendChild(oPin);??????????????//添加?子節(jié)點(diǎn)
????????????????var?oBox=document.createElement('div');
????????????????oBox.className='box';
????????????????oPin.appendChild(oBox);
????????????????var?oImg=document.createElement('img');
????????????????oImg.src='./images/'+dataInt.data[i].src;
????????????????oBox.appendChild(oImg);
????????????}
????????????waterfall('main','pin');
????????};
????}

你知道怎么解決嗎

因?yàn)?lt;div class= 'main'>這個(gè)盒子的寬度定義是在window.onload的時(shí)候用waterFall()函數(shù)時(shí)添加進(jìn)去的，因此當(dāng)窗口改變，沒(méi)有再次觸發(fā)window.onload事件，#main的寬度也不會(huì)改變。

具體辦法等學(xué)到了響應(yīng)式布局就能解決了。