如何通过js编写实现无限加载的瀑布流实例代码？

本文共计1810个文字，预计阅读时间需要8分钟。

瀑布流+是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流的效果。其特点是网页视窗有多块高度不同、宽度相同的块组成。因其风格流畅似瀑布，故称瀑布流。

瀑布流

是一种常见的网页布局方式，在许多网站中我们都能看到“瀑布流”的效果，其特征是有网页视窗有多个高度不同宽度相同的“块”组成。因其样式酷似飞流直下的瀑布，

故将这种布局方式称为瀑布流。

生活中瀑布流实例：

花瓣网

在css中我们学习过使用Multi-columns来实现瀑布流的效果

通过 Multi-columns 相关的属性column-count、column-gap配合break-inside来实现瀑布流布局。