課程
/前端開發
/JavaScript
/瀑布流布局
請問一下在最后的編程挑戰中過動畫分散到它該出現的位置?? 這個改怎么寫? 想了解一下思路 謝謝?
2017-07-07
源自:瀑布流布局 5-2
正在回答
建議你講課程3-1再看一遍,講解的很詳細。
1、找到列高最少的那一列,計算列高和索引:
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();
舉報
瀑布流布局是網站比較流行的一種布局方式,教你實現三大方式
1 回答什么是分散效果的瀑布流布局?
1 回答清除浮動出現bug
1 回答請問這兩行通過隨機數設置圖片位置是什么意思?
1 回答當條目排到第三行的時候,位置就出現了錯誤。下面是腳本,我寫的意思跟老師是一模一樣的,請大神指教
1 回答為什么刷新過后圖片的位置會變化?而且left定義要加上居中外面的Px.每刷新一次,圖片位置就不一樣
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-30
1、找到列高最少的那一列,計算列高和索引:
2、將圖片定位到該列最后那張圖片的下方:
3、加載圖片后更新列高: