葡萄3
2017-07-20 18:57
请问如何自适应?根据浏览器宽度去自动改变列数?
当调整浏览器宽度的时候,宽度小,列数少,当变宽时候,列数还是很少,就很难看了。
resize需要在html中调用,不会用,想在js中获取它动态的返回值,然后计算列数,形成新的布局,就像自适应一样;
var dataInt={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'}]};
//将数据块渲染到当前页面的尾部
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();
};
}
}
瀑布流布局
97759 学习 · 736 问题
相似问题