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

瀑布流布局

Amy
查看讲师更多课程 Amy讲师的其他课程
难度初级
时长 2小时 0分
学习人数
综合评分9.63
324人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
似朝朝我心
只能照着敲了一遍，还没悟道那层境界哈哈
0 5-1 瀑布流布局实现方式比较
2021-04-21
李萌子
很通俗易懂，大有收获！
0 2-1 HTML CSS实现瀑布流布局页面结构
2020-11-10
李萌子
nice 老师说的很好！！！
0 2-1 HTML CSS实现瀑布流布局页面结构
2020-11-10

为什么总是报错Uncaught TypeError: $(...).srcollTop is not a function；jquery也引用好好的

最新回答 / 慕容9087778
var srcollTop = $(window).scrollTop() 注意单词的拼写
2 回答 826 浏览
2020-10-16

为什么老师使用了浮动没用margin图片与图片之间会有间距的

最新回答 / 慕码人8062943
padding是相对于里面的一个盒子的，本来box盒子和里面的盒子是重叠的，现在box盒子用padding撑大了，背景色又是白色，撑大了就有间距的效果，你自己做下实验就知道了
1 回答 710 浏览 2-1 HTML CSS实现瀑布流布局页面结构
2020-08-16

老师封装的getbyclass 和 JS的getElementByClassname()有什么区别吗

最新回答 / 斑纹长颈鹿
一个兼容IE
1 回答 1008 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能
2020-04-30
紫晴20
为什么可以一直不断的添加图片？我是按照老师的代码来敲的
0 2-5 onscroll事件实现瀑布流布局的图片加载功能
2020-03-24
吉格
这个课程考虑不够全面，首先第一个方法的js，没考虑到向上时候，图片也在插入而不是在向下触发，css3属性加上js动态插入会出现自动排列的页面图片平移闪烁现像
0
2020-02-07

你这个课有问题啊，css3的方式如果加了你的滚动条添加图片，css就闪烁方式重新排列

+ 我来回答 回答最高可+2积分
1 回答 717 浏览
2020-02-07

var scrollTop=document.body.scrollTop||document.documentElement.scrollTop; var height=document.body.clientHeight||document.documentElement.clientHeight;

已采纳回答 / 看那一抹朝阳
<...code...>
3 回答 1503 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能
2020-01-08

为什么要把封装都写在waterfall里面啊

最新回答 / 蒹葭苍沧
哦哦，谢谢大神指点
2 回答 1042 浏览 2-4 JavaScript实现瀑布流布局中图片排序
2020-01-08

在浏览器页面中，左上角第一个盒子的左边有一部分空白，那是什么啊

最新回答 / 蒹葭苍沧
明白了，那是页面居中对齐?
1 回答 1411 浏览 2-3 JavaScript实现瀑布流布局中图片定位
2020-01-07

为什么我写的代码，图片好多张重叠在一起？求大神指点

最新回答 / 蒹葭苍沧
代码没问题，搞错了
1 回答 1349 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能
2020-01-06
慕九州5249392
我去 ，倒着写js的啊
1 2-3 JavaScript实现瀑布流布局中图片定位
2019-12-26

没有滚动时，图片加载正常，滚动时，第一列图片就排列了三张，就是右边有留白，后面的图片是正常的，请教一下！

最新回答 / qq_慕无忌7243689
截一下图
2 回答 1198 浏览 2-5 onscroll事件实现瀑布流布局的图片加载功能
2019-12-23

offsetHeight、offsetTop... 这些哪些是要加单位哪些不用加单位

+ 我来回答 回答最高可+2积分
0 回答 931 浏览
2019-11-01
首页上一页1234567下一页尾页
开始学习
课程须知
1.你一定对HTML+CSS比较熟悉； 2.掌握一定的JS基础知识，尤其是函数封装、调用等知识； 3.对jQuery相关知识掌握。
老师告诉你能学到什么？
1.学会实现瀑布流布局实现的三种方式； 2.div如何定位和排序； 3.掌握CSS3中多栏布局的知识。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消