請問如何在js中獲得改變后頁面的寬度
請問如何自適應？根據瀏覽器寬度去自動改變列數(shù)？
當調整瀏覽器寬度的時候，寬度小，列數(shù)少，當變寬時候，列數(shù)還是很少，就很難看了。
resize需要在html中調用，不會用，想在js中獲取它動態(tài)的返回值，然后計算列數(shù)，形成新的布局，就像自適應一樣；
1 回答
舉報
0/150
提交
取消
請問如何自適應？根據瀏覽器寬度去自動改變列數(shù)？
當調整瀏覽器寬度的時候，寬度小，列數(shù)少，當變寬時候，列數(shù)還是很少，就很難看了。
resize需要在html中調用，不會用，想在js中獲取它動態(tài)的返回值，然后計算列數(shù)，形成新的布局，就像自適應一樣；
2017-07-20
舉報
2017-07-23
var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]};
//將數(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');
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();
};
}
}