代码改变世界

随笔档案-2012年09月

Javascript 瀑布流实现的两种方式:固定列数的浮动布局与绝对定位自适应宽度

2012-09-10 22:36 by VVG, 10513 阅读, 收藏, 编辑
摘要: 瀑布流已经火了一段时间了,自己最近研究了一下,网上关于瀑布流的帖子也很多,网上一般是说三种方式,固定列数的浮动布局,CSS3列布局,绝对定位布局推荐两个关于瀑布流的帖子,写得比我详细多了:迅雷的:http://cued.xunlei.com/log031张鑫旭的:网址太长点我这里主要是记录一下我的实现方式,用数组模拟的数据,也可以用AJAX实现读取数据,底部提供DEMO代码下载!一、固定列数的浮动布局 这种方式简单适用,先按照列数把布局固定好,然后在滚动事件中分别在每一列插入相应的数据既可,代码比较简单: 其实就一个滚动加载事件。我这里没有做按高低排序。 点击查看DEMO演示 代码如... 阅读全文
点击右上角即可分享
微信分享提示