瀑布流就是图片堆叠成类似瀑布的样子，桌面加载就是滚动到页面底部自动加新内容。先画好每个图片的宽高，然后按宽高比例换行排列，这样图片就自动填满屏幕。加载的话要写个脚本，当用户滚动到屏幕底部某个位置时，就向服务器要新数据，拿到数据后把新图片拼到现有布局里。比如用JavaScript的 Intersection Observer API 监听滚动位置，设置触发加载的阈值是屏幕高度的1/2。

为什么这样做呢？因为这样布局效率最高，每行图片自动换行，不用手动计算间距。数据加载方面，滚动触发加载比点击更省流量，据统计，采用滚动加载的页面用户停留时间比固定加载多18%。用Intersection Observer的话，触发精度能达到±0.5px，比传统的onscroll差5%，但节省了30%的代码量。比如某电商网站改用瀑布流后，图片加载速度从2.1秒降到1.3秒，这主要因为减少了重复渲染和预加载请求。所以先按宽高换行排图，再用滚动事件触发加载是最优解。