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

瀑布流布局

Amy
查看讲师更多课程 Amy讲师的其他课程
难度初级
时长 2小时 0分
学习人数
综合评分9.63
324人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华

为什么 开头用 $(document).ready(function(){ 不行

已采纳回答 / 神爱灰太狼
$(document).ready();是只要等html的DOM节点加载完毕就会触发，并不会等待资源全部加载完毕，包括图片，这样你的图片没有自身的高，所有就会出现这样都等高的情况，而$(window).on('load',function(){});会等资源全部加载完毕，也就图片加载进来了，有了自身的高
5 回答 3639 浏览 3-1 jQuery实现瀑布流布局图片定位
2015-09-08
qq_汐卌_0
一听就是北方人 o(^▽^)o
0 2-4 JavaScript实现瀑布流布局中图片排序
2015-09-08
rachelyulili
人家东西讲得好就行了，你们瞎比比什么。妈蛋英文好，讲得好，啥都好，轮不到你们来听了。
38 2-3 JavaScript实现瀑布流布局中图片定位
2015-09-08
Boiled_IORY
感觉小复杂小复杂的
2 2-4 JavaScript实现瀑布流布局中图片排序
2015-09-08
KnightExcalibur
列的发音真是醉了我一脸……
0 4-1 CSS3实现瀑布流布局
2015-09-06

为什么我做的和老师做出的效果不一样

最新回答 / 月光光光
26行:hArr[index]+=oBoxs[i].offsetHeight();offsetHeight后面的括号
2 回答 848 浏览 2-4 JavaScript实现瀑布流布局中图片排序
2015-09-06
贵海哥
老师讲得 不错 不过不兼容哟
0 2-5 onscroll事件实现瀑布流布局的图片加载功能
2015-09-05
海角嘚天涯
css做出来的不好看，也叫瀑布流？？
0 2-1 HTML CSS实现瀑布流布局页面结构
2015-09-04

这段代码为啥这样写

最新回答 / allenxiang
javascript是弱关系语言。中间的oBoxW*cols返回的是Number类型，加上字符串，之后会被转换成字符串类型。
2 回答 522 浏览 2-3 JavaScript实现瀑布流布局中图片定位
2015-09-01
MrLenon
目测逗比一枚...
0
2015-08-31
weibo_追尘破影_0
老师讲得很好，值得看一下
0 2-5 onscroll事件实现瀑布流布局的图片加载功能
2015-08-30
small_dragon
CSS3还有一个缺点老师没提到，就是各种浏览器对于CSS多栏文本布局的兼容性，IE10+才支持此属性，所有要想在PC端上实现瀑布流布局，还是乖乖用JS实现吧
8 5-1 瀑布流布局实现方式比较
2015-08-30
MaxWellRain
no can no bb
0 2-1 HTML CSS实现瀑布流布局页面结构
2015-08-29
陆飞
同意楼上，该练习有两个坑，害我调了好久。。。
坑一：'on','list' 单引号都是中文的，要改为英文；

坑二：第二个弹窗要改为alert(len2.length);
0 2-6 编程练习
2015-08-29
Sanborn
return lastBoxH < scrollTop + height ; 即可吧？没必要用三元吧？
1 2-5 onscroll事件实现瀑布流布局的图片加载功能
2015-08-29

如果改变浏览器窗口，再渲染显示会有问题，变更浏览器窗口时，所有图片是怎么再次渲染的呢？效率是否会很低？

最赞回答 / ryc333
$(window).on('resize',function(){ location.reload(true);})
3 回答 1163 浏览 3-2 jQuery实现瀑布流布局的图片加载功能
2015-08-29
首页上一页88899091929394下一页尾页
开始学习
课程须知
1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。
老师告诉你能学到什么？
1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消