为了账号安全,请及时绑定邮箱和手机立即绑定

jquery中的瀑布流布局问题

jquery中的瀑布流布局问题

丛从绿草 2018-07-05 17:01:34
function waterfall(wrap,boxes){ //获取屏幕可以显示的列数 var boxWidth = boxes[1].offsetWidth + 20;//  如果我把boxes[0].offsetWidth+20 ,得出的是一列所有的宽度. var windowWidth = document.documentElement.clientWidth; var colsNum= Math.floor(windowWidth / boxWidth); //设置容器的宽度 wrap.style.width= colsNum * boxWidth +'px'; // console.log(wrap.style.width) // console.log(colsNum) // console.log(windowWidth) // console.log(boxWidth) //定义一个数组并存储每一列的高度 var everyHeight=new Array(); for (var i = 0;i<boxes.length; i++) { if(i<colsNum){ everyHeight[i]=boxes[i].offsetHeight+20; console.log(everyHeight[i]) } }};window.onload = function(){ var wrap=document.getElementById('wrap'); var boxes=document.getElementsByTagName('div'); waterfall(wrap,boxes);};为什么我在这里console.log(boxWidth)
查看完整描述

1 回答

?
fengyunzhu

TA贡献2条经验 获得超0个赞

问题没写全啊

查看完整回答
反对 回复 2018-07-06
  • 丛从绿草
    丛从绿草
    我找到自己的问题了,var boxes=document.getElementsByTagName('div');这里不该用document,应该是wrap,
  • fengyunzhu
    fengyunzhu
    棒棒哒
  • 1 回答
  • 0 关注
  • 1036 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信