js实现瀑布流效果

  • 瀑布流的特点:宽度确定,高度不确定;通过定位处理的。
  • 每一行添加在高度最低的下面
  • 绝对定位
    • left:图片的宽度*索引
    • top:最小的高度
  • 创建一个数组
  • 浏览器可视区域的宽度/图片的宽度=列数
  • html代码


    
        
        js实现瀑布流
        
    
    
        
  • js代码
script src="jquery-3.1.1.min.js">

你可能感兴趣的:(js实现瀑布流效果)