亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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 關注
  • 1079 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號