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