                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /瀑布流布局

是不是有bug？

為什么縮小窗口后，再拖動滾動條只顯示兩列，而且恢復(fù)窗口大小，還是顯示兩列

慕粉18144024425

2017-02-11

源自：瀑布流布局 2-7

關(guān)注問題我要回答

1021

操作

收起

4 回答

慕移動9181930
2022-03-27

童鞋，課程已修訂，代表小伙伴們感謝你一下確實啊 &n b s p ;&n b s p ;用戶體驗更好啊 &n b s p ;&n b s p ;&n b s p ;怎么會是更差呢 &n b s p ;

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Resen4983
2017-03-30

因為這個練習(xí)只是部分的代碼,還沒有添加滾動條監(jiān)測事件,就是這個↓↓↓,這里面放入了waterfall()函數(shù),因此鼠標(biāo)滾動條位置變化時就會從新計算列數(shù).

window.onscroll=function(){
????????if(checkscrollside()){
????????????var?oParent?=?document.getElementById('main');//?父級對象
????????????for(var?i=0;i<dataInt.data.length;i++){
????????????????var?oPin=document.createElement('div');?//添加?元素節(jié)點
????????????????oPin.className='pin';???????????????????//添加?類名?name屬性
????????????????oParent.appendChild(oPin);??????????????//添加?子節(jié)點
????????????????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');
????????};
????}