瀑布流布局_技术问答

首页免费课瀑布流布局问答

瀑布流布局

                
                Amy
            
                    查看讲师更多课程 
                    Amy讲师的其他课程
                
CSS3实现漂亮ToolTips效果
初级·42722
免费课程
                                
css3实现网页平滑过渡效果
初级·54371
免费课程
                                
CSS3实现“图片阴影”效果
初级·34768
免费课程
                                
Tab选项卡切换效果
初级·65466
免费课程
                                
DOM事件探秘
中级·99544
免费课程
                                
                难度初级
            
                时长 2小时 0分
            
                学习人数
            
综合评分9.63
                            324人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.6
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

为什么是检测最后一个盒子，那高度不就是固定了的吗

已采纳回答 / 慕粉3809061

在checkScrollSlide函数中最后一个盒子是指$('#main')中的最后一个，也就是已经加载的所有盒子的最后一个。而随着滚动条下来，$('#main')中的盒子是不断被增加的，也就是被加载的盒子数量越来越多，列高不断增加。

2 回答 1225 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-10-16

慕慕5288612

是我网不好吗?我怎么不能看啊!

1 2-1 HTML CSS实现瀑布流布局页面结构

2016-10-15

青枫ky

学会了终于，赞！感谢老师。
在加载图片的时候可以加个动画效果，在加载后面的每个图片的时候都给定义个id，然后设置如下，渐显的方式呈现。高手请忽视。
$('.container').append(node);
$('#pic'+count).css('opacity',0);//在刚加载前设置要加载的node为透明
$('#pic'+count).animate({opacity:1},1000); //加载后设置动画渐渐出现

0 5-2 编程挑战

2016-10-14