欢迎来到天天文库
浏览记录
ID：34723741
大小：240.03 KB
页数：11页
时间：2019-03-10
《javascript瀑布流实现的两种方式：固定列数的浮动布局与绝对定位自适应宽度》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、瀑布流已经火了一段时间了，自己最近才有空研究一下，网上关于瀑布流的帖子也很多，网上一般是说三种方式，固定列数的浮动布局，CSS3列布局，绝对定位布局推荐两个关于瀑布流的帖子，写得比我详细多了：这里主要是记录一下我的实现方式，用数组模拟的数据，也可以用AJAX实现读取数据，底部提供DEMO代码下载！一、固定列数的浮动布局 这种方式简单适用，先按照列数把布局固定好，然后在滚动事件中分别在每一列插入相应的数据既可，代码比较简单就直接折叠了： 其实就一个滚动加载事件。我这里没有做按高低排序。 点击查看DEMO 代码如下： ViewCo
2、de
3、pclass="title">瀑布流布局
4、>瀑布流布局
5、s="water">瀑布流布局
6、water">瀑布流布局
7、"water">瀑布流布局
8、"style/waterfull.js"> JS代码： ViewCode/***基于固定宽度的浮动定位的瀑布流*实现简单，其实就是一个滚动加载
此文档下载收益归作者所有
