冰豆网

分享网络精彩
bingdou.com.cn

原生JS手写瀑布流布局

时间:2024-06-26加入收藏     TAG:js

  瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。

  参考了国内两大知名网站抖音pc版和小红书pc版,发现一个共同点,他们都是不管在多大的屏幕尺寸下,「所有元素的宽度是一样的」,即使拖动改变了屏幕大小,元素宽度动态调整了,每个元素跟其他兄弟元素的宽度也是一致的,「只有高度不一致」,而这就是标准的瀑布流布局。

打 赏
打赏二维码

下载地址

相关下载


官方微信二维码冰豆网官方微信公众号