JS代码实现瀑布流插件
瀑布流布局中的图片有一个核心特点―等宽不定等高，瀑布流布局在国内网网站都有一定规模的使用，比如pinterest、花瓣网等等。本文主要和大家详细分析了一个原生JS实现瀑布流插件以及代码相关讲解，对此有兴趣的读者们参考学习下吧，希望能帮助到大家。基础功能实现首先我们定义好一个有 20 张图片的容器，123456789101112131415161718192021222324252627282930
瀑布
实现瀑布流布局的俩种方法
瀑布流布局是一个之前挺火，现在也比较常见的一种布局这种看起来参差不齐的多栏布局，重点在于每个元素等宽不等高，一般图片网站应用较多随着页面滚动，数据块会在每列底部不断加载，理论上可以无限加载，且不会页面美观Pinterest、花瓣网都是比较成熟的采用瀑布流布局的网站效果图：一、经典套路： JavaScript + 绝对定位HTML 结构：12345678<div id="main"> ...