課程
/前端開發(fā)
/JavaScript
/瀑布流布局
請問一下在最后的編程挑戰(zhàn)中過動畫分散到它該出現(xiàn)的位置?? 這個(gè)改怎么寫? 想了解一下思路 謝謝?
2017-07-07
源自:瀑布流布局 5-2
正在回答
建議你講課程3-1再看一遍,講解的很詳細(xì)。
1、找到列高最少的那一列,計(jì)算列高和索引:
minH?=?Math.min.apply(null,?hArr); minHIndex?=?$.inArray(minH,?hArr);
2、將圖片定位到該列最后那張圖片的下方:
box.css({ ????"postion":?"absolute", ????"top":?minH?+?"px", ????"left":boxW*minHIndex?+?"px" })
3、加載圖片后更新列高:
hArr[minHIndex]?+=?box.outerHeight();
舉報(bào)
瀑布流布局是網(wǎng)站比較流行的一種布局方式,教你實(shí)現(xiàn)三大方式
1 回答什么是分散效果的瀑布流布局?
1 回答清除浮動出現(xiàn)bug
1 回答請問這兩行通過隨機(jī)數(shù)設(shè)置圖片位置是什么意思?
1 回答當(dāng)條目排到第三行的時(shí)候,位置就出現(xiàn)了錯(cuò)誤。下面是腳本,我寫的意思跟老師是一模一樣的,請大神指教
1 回答你的鼠標(biāo)點(diǎn)擊出現(xiàn)波紋 怎么做到的?
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-30
1、找到列高最少的那一列,計(jì)算列高和索引:
2、將圖片定位到該列最后那張圖片的下方:
3、加載圖片后更新列高: