瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

platan

document.querySelectorAll('.box') 也可以取到全部的box

0 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-02-26

chenwen0679

老师讲的很细致，赞！！！

0 2-4 JavaScript实现瀑布流布局中图片排序

2016-02-24

专注的前端工程师

难道只有我的图是裂的么。。

0 5-2 编程挑战

2016-02-24

老猿

还可以很仔细

0 2-3 JavaScript实现瀑布流布局中图片定位

2016-02-23

风月下的狸猫

如果不把后续的图片填充到上一行最矮的图片下，很可能会出现某几列已经到页面底部而其他几行还在上面的情况，这样的瀑布流布局是有问题的，没有瀑布的连贯性。

2 2-4 JavaScript实现瀑布流布局中图片排序

2016-02-22

qq_lemontree_7

讲课好慢好想碎觉

0 3-1 jQuery实现瀑布流布局图片定位

2016-02-22

qq_敲键盘的小夜猫_0

老师感冒了

0 3-2 jQuery实现瀑布流布局的图片加载功能

2016-02-21

amorStark

Amy老师，为什么第二行的图片要放在第一行最矮的图片下面

0 2-4 JavaScript实现瀑布流布局中图片排序

2016-02-20

tang_2015

获取main下的儿子元素直接用children属性更简单，自己用getElementsByTagName("*"),然后遍历就是娶不到！

1 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-02-20

tang_2015

老师讲的不错，今天一天就跟着学习这个了！！

0 2-5 onscroll事件实现瀑布流布局的图片加载功能

2016-02-20

舒紫栋

......这个Array读成（爱若）

0 2-3 JavaScript实现瀑布流布局中图片定位

2016-02-17

Jakki

if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return document.defaultView.getComputedStyle(obj,null)[attr];
}
}

0 2-7 编程练习

2016-02-17

Jakki

//获取CSS样试里的值
function getStyle(obj,attr){
var ie = !+"\v1";//简单判断ie6~8
if(attr=="backgroundPosition"){//IE6~8不兼容backgroundPosition写法，识别backgroundPositionX/Y
if(ie){
return obj.currentStyle.backgroundPositionX +" "+obj.currentStyle.backgroundPositionY;
}
}

0 2-7 编程练习

2016-02-17

Jakki

var documentH=document.documentElement.clientHeight;//页面高度
return (lastImgH<scrollTop+documentH)?true:false;//到达指定高度后返回true，触发waterfall()函数
}

0 2-7 编程练习

2016-02-17

Jakki

function checkscrollside(){
var main=document.getElementById("main");
var boxs = main.getElementsByClassName("box");
var lastImgH = boxs[boxs.length-1].offsetTop + Math.floor(boxs[boxs.length-1].offsetHeight/2);
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;//注意解决兼容性

0 2-7 编程练习

2016-02-17

首页上一页 45 46 47 48 49 50 51 下一页尾页

开始学习

课程须知: 1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。

老师告诉你能学到什么？: 1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

热搜

最近搜索清空

瀑布流布局