JS瀑布流实现方法实例分析

【文件属性】：
文件名称：JS瀑布流实现方法实例分析
文件大小：59KB
文件格式：PDF
更新时间：2020-11-30 00:41:52
js var 数组 本文实例分析了JS瀑布流实现方法。分享给大家供大家参考，具体如下： 描述： 1.每个图片宽度都一样，高度不一样 思路： 1.算出一共有几列（通过视窗总宽度/单个图片宽度得出） 2.根据一共几列*单个图片宽度，设置外围总宽度并水平居中（注：这个宽度应该是计算出来的，而不是定死，因为窗口大小会改变） 3.将第一行图片高度按顺序填充进数组 4.算出第一行图片里高度最短的那个，将第二行的第一张图片添加到其后(绝对定位)，添加完第二行第一张，更新他的高度，然后重新计算最短，再开始之前的过程 5.鼠标在滑动滚轮时，继续加载新的图片(注：向上滚动不会加载，也不会一滚动就加载，而是向下滚动到一个临界值时才加载