瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。
参考了国内两大知名网站抖音pc版和小红书pc版,发现一个共同点,他们都是不管在多大的屏幕尺寸下,「所有元素的宽度是一样的」,即使拖动改变了屏幕大小,元素宽度动态调整了,每个元素跟其他兄弟元素的宽度也是一致的,「只有高度不一致」,而这就是标准的瀑布流布局。
2024-07-01jQuery响应式无限滚动瀑布流
2024-06-26原生JS手写瀑布流布局
2024-06-26HTML+CSS+JS 玻璃卡片
2020-12-08css3自适应浏览器图片布局特效
2020-12-08jQuery遮罩弹出图片预览插件
2020-12-08HTML5图文卡片响应式布局特效
2020-12-04jQuery遮罩弹窗幻灯片特效
2020-12-04css3复选框选中变灰特效
2020-11-09三张图片剪切倾斜CSS3特效
2020-10-18jQuery鼠标悬停全图滚动预览特效