最赞回答 / 小王子抓猫咪
最后一个盒子一定是加载在高度最小那一列上的。比如:你现在一行可以放6个盒子,那么第7个也就是最后一个是放在高度最小那一列的。那么第8个怎么放,原理还是找当前高度最小那一列,然后将图片放到那一列的最后。依次类推,你看看每个图片是不是在放上去之前都先找高度最小的那一列,然后将图片插入到那一列。所以加载计算时就是去找最后一个图片。
2015-08-12
最赞回答 / 昨天de梦
你应该使用了 $(window).on("resize", waterfall); 这句监听器了窗口大小的变化吧。试想,你先缩小再放大,就会产生这样的效果。这是为什么呢?原因是窗口变小后调用了waterfall方法,此时算出来的列数比原先的小,这时原先是处在第一行的图片现在到了第2行,那么到第2行的话就一定会被添加了 position:absolute属性。再放大的话,这个盒子又要”回到“第1行,但是它已经被添加了 position:absolute属性,所以它”回不去“了。因此,需要 在源代码中加上这么...
2015-07-30
最赞回答 / 大黑虎
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script><title>带有分散效果的瀑布流</titl...
2015-07-21