請問如何在js中獲得改變后頁面的寬度
請問如何自適應(yīng)？根據(jù)瀏覽器寬度去自動改變列數(shù)？
當(dāng)調(diào)整瀏覽器寬度的時(shí)候，寬度小，列數(shù)少，當(dāng)變寬時(shí)候，列數(shù)還是很少，就很難看了。
resize需要在html中調(diào)用，不會用，想在js中獲取它動態(tài)的返回值，然后計(jì)算列數(shù)，形成新的布局，就像自適應(yīng)一樣；
1 回答
舉報(bào)
0/150
提交
取消
2017-07-23
var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]};
//將數(shù)據(jù)塊渲染到當(dāng)前頁面的尾部
window.onscroll=function(){
if(checkscrollside()){
var oParent = document.getElementById('main');
for(var i=0;i<dataInt.data.length;i++){
var oPin=document.createElement('div');
oPin.className='pin';
oParent.appendChild(oPin);
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');
checkscrollside();
};
}
}