原生js的瀑布流怎麼做,如何用原始js做一個瀑布流效果

效果圖: 思路: //瀑布流: //前提:每張圖片的寬度一樣,高度不一定相同,如:width; //思路: //1、明確總列數:可視區域的寬度除以每張圖片的寬度取整;如:totalcolumn = parseInt(clientWidth/width); //2、計算列與列之間的間隔:可視區域寬度取餘每張圖片的寬度除以(總列數+1)。如:spaceWidth=clientWidth%width/(
相關文章
相關標籤/搜索