为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 瀑布流布局 问答

瀑布流布局

Amy
查看讲师更多课程 Amy讲师的其他课程
难度初级
时长 2小时 0分
学习人数
综合评分9.63
324人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
A源
这个课程竟然是中级？ 我以为是入门级(╯﹏╰)
3 5-1 瀑布流布局实现方式比较
2017-05-05
A源
最核心的一句话： 最后一个元素（offsetHeight + offsetTop） < 文档（scrollTop + clientHeight）。
最后一个元素： 自身高度一半（offsetHeight / 2） + 最后一个元素距离文档顶部（offsetTop）
文 档： 卷曲的高度（scrollTop） + 窗口高度（clientHeight）
3 2-5 onscroll事件实现瀑布流布局的图片加载功能
2017-05-05
A源
都在说什么为什么不直接用getElementsByClassName，因为IE啊！
2 2-3 JavaScript实现瀑布流布局中图片定位
2017-05-05

关于缩小窗口的bug

最新回答 / qq_MJ_7
你改变页面大小时没执行函数，图片并没有消失，而是设置了绝对定位，被下面的图片覆盖了，你可以再加上$(window).resize事件，让窗口大小改变时，将第一行图片的绝对定位清除或重新设置
4 回答 1363 浏览 3-2 jQuery实现瀑布流布局的图片加载功能
2017-05-05

document.documentElement和document.body

最赞回答 / 朝闻道夕
body是DOM对象里的body子节点，即 <body> 标签； documentElement 是整个节点树的根节点root，即<html> 标签； 
1 回答 594 浏览 2-3 JavaScript实现瀑布流布局中图片定位
2017-05-04
枫血雨痕
69行双引号是中文模式
1 2-7 编程练习
2017-05-02
枫血雨痕
做起来才发现自己。。。。。。
经过一系列的调试，终于OK，有点小成就感。。
能在学习中进步，
谢谢老师和评论区的各位
1 2-6 编程练习
2017-05-02
慕粉1554206971
有人注意到标题是错的嘛，“第3章 jQurey实现瀑布流布局“
JQuery写成JQurey。
1 3-1 jQuery实现瀑布流布局图片定位
2017-05-02

关于console.log（oBoxs.length）只有1

已采纳回答 / 慕粉1554206971
代码没错啊，你是不是只写了一个div啊
1 回答 1654 浏览 2-4 JavaScript实现瀑布流布局中图片排序
2017-05-01
慕粉1469284005
思路比较清晰，请的还是很不错的
0 2-5 onscroll事件实现瀑布流布局的图片加载功能
2017-04-29
慕粉1469284005
取个元素这么费劲。 直接 var box = oParent.children;不就好了
0 2-3 JavaScript实现瀑布流布局中图片定位
2017-04-29
mop18mop183811015
从第一个图片依次排到最后一个也可以。每次定位每张图片的left和top。这样会显得简单。
0 2-4 JavaScript实现瀑布流布局中图片排序
2017-04-27
几月几号
老师是不是搞设计的，画图这么厉害
2 2-5 onscroll事件实现瀑布流布局的图片加载功能
2017-04-26
慕粉1440489053
正则不好理解的话也要用下indexOf判断吧 直接==不严谨
0 2-3 JavaScript实现瀑布流布局中图片定位
2017-04-25

oBox不是jq对象么？为什么要用$(oBox)?

已采纳回答 / 浮云一片
应该是写错了，你下载这节课的源码看看。 里面用的就直接是oBox
1 回答 1232 浏览 3-2 jQuery实现瀑布流布局的图片加载功能
2017-04-25

getElementsByTagName()

最新回答 / 队友杀手
我有个方法，试试吧var oParent=document.getElementById('parent');当中的引号去掉，他们就能找到main元素，然后就正常了
3 回答 771 浏览 2-3 JavaScript实现瀑布流布局中图片定位
2017-04-24
首页上一页18192021222324下一页尾页
开始学习
课程须知
1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。
老师告诉你能学到什么？
1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消