課程
/前端開發(fā)
/JavaScript
/瀑布流布局
為什么我的頁面是錯的，但控制臺并沒有輸出錯誤
2017-07-25
源自：瀑布流布局 3-2
正在回答
你這個頁面渲染出現(xiàn)了問題，應(yīng)該是在定位時出現(xiàn)了問題，可能你視頻并沒有看完，定位有一步十分關(guān)鍵，定位的位置是在高度最小的下面進(jìn)行渲染，這時候如果你的高度寫死，在循環(huán)時沒有進(jìn)行高度的修改就會出現(xiàn)此問題，你只需要在循環(huán)最后加上一個hArr[minHIndex] += $boxs.eq(index).outerHeigt();即可(ps:我在這寫的是通過JQuery實現(xiàn)的方法，如果你要用其他的方法請看視頻。)
加咖啡喵 提問者
舉報
瀑布流布局是網(wǎng)站比較流行的一種布局方式，教你實現(xiàn)三大方式
1 回答控制臺報錯
2 回答為什么我的控制臺毫無反應(yīng)？
4 回答為什么我的是0？請大神指出錯誤
1 回答控制臺報錯 var oelements = parent.getElementsByTagName('*');
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-07-26
你這個頁面渲染出現(xiàn)了問題，應(yīng)該是在定位時出現(xiàn)了問題，可能你視頻并沒有看完，定位有一步十分關(guān)鍵，定位的位置是在高度最小的下面進(jìn)行渲染，這時候如果你的高度寫死，在循環(huán)時沒有進(jìn)行高度的修改就會出現(xiàn)此問題，你只需要在循環(huán)最后加上一個hArr[minHIndex] += $boxs.eq(index).outerHeigt();即可(ps:我在這寫的是通過JQuery實現(xiàn)的方法，如果你要用其他的方法請看視頻。)