使用JavaScript怎么编写一个瀑布流图片加载效果

使用JavaScript怎么编写一个瀑布流图片加载效果？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

站在用户的角度思考问题，与客户深入沟通，找到阳春网站设计与阳春网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、成都网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖阳春地区。

原理是：

1.设定一行中的列数；

2.取第一行中每一个div的高度并把每一个高度放进一个数组中；

3.算出数组中最小高度的index值；

4.把第二行的第一个div放到最小高度的div的下方并把重新算出的高度值放进数组中，重新计算最小高度的index值；

5.以此类推实现多栏布局的瀑布流效果；

6.如果最后一张div的高度已滚动出现在底部时创建新的div添加到最后一张的后面，不断循环以达到加载效果；接下来代码实现。