摘要:
最近在做一个项目,要用到之前比较流行的瀑布流布局,网上搜了一下,发现没有比较合适的插件可用(项目紧急,喜欢用现成的),不得不自己写一个,也可能是因为需要结合后台来实现的,所以很难写出一个通用的插件给大家用(json格式,html结构都不一样)。偶尔在网上看到的有关瀑布流的文章(更新于2013-06-05)瀑布流布局浅析瀑布流布局(基于多栏列表流体布局实现)各大瀑布流简析与建议插件——jQuery.Waterfall思路: 其实只要了解了整个流程,要实现这个插件也不难,大家都玩过俄罗斯方块吧,原理差不多,找到合适的地方叠上去就好了,在这里,每个块的宽度是必需给定的,然后计算出列数,再维护一个数. 阅读全文
摘要:
IE6下position:fixed的Bug应该是个老问题。不过,今天在搞瀑布流插件写返回顶部按钮时(老是闪动)却花了我不少时间,之前也写过一篇文章解决过,但是是用到css表达式解决,而现在的需求是要在js中动态定位,所以之前的办法不是很合适。今天再来总结一下:方法一:纯css*html{height:100%;overflow:hidden;}*html body{height:100%;overflow:auto;}原理:你拖动的滚动条并不是拖动的整个页面,而仅是body的滚动条优点:视觉效果完美,代码量少,不耗性能缺点:不会触发onscroll事件(因为html没有滚动),可能会影响一些 阅读全文