flex实现瀑布流布局为啥不适合动态加载数据

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex实现瀑布流布局为啥不适合动态加载数据相关的知识,希望对你有一定的参考价值。

参考技术A 瀑布流布局的特点是等宽不等高。为了让最后一行的差距最小,从第二行开始,需要将图片放在第一行最矮的图片下面,以此类推。父元素设置为相对定位,图片所在元素设置为绝对定位。然后通过设置top值和left值定位每个元素。

瀑布流网页布局+加载动画+固定加载页数

一直在找瀑布流布局masonry。js和infinitescroll。js,但是不知道怎么让砖头从左边滑出或者下面弹上来的那种加载动画,还有就是要加载固定页数,比如加载十页停止出现换页条,不要无限拖!求高人指点,本人新手!

参考技术A Danger

以上是关于flex实现瀑布流布局为啥不适合动态加载数据的主要内容,如果未能解决你的问题,请参考以下文章

css 瀑布流布局问题 高手进

h5瀑布流布局会留白

前端之瀑布流布局(多种实现方案)

H5 图片瀑布流布局 - vue

瀑布流实现思路

用css3的 clomus 布局 怎么写瀑布流