瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

培根熏肉

脑筋急转弯：
clientWidth÷boxWidth=cols
为什么cols*boxWidth≠clientWidth

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

2017-07-06

几核

@褪色的自行车按照老师写的"得出最小列数的函数"，是当找到第一个与最小高度相匹配的索引时就直接返回当前索引，所以当第一列有两张高度都为Height的图片时，第七张图片应出现在第一个高度为Height的图片下。

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

2017-07-05

暮女神

对,ie9+浏览器才支持getByClassName,顺便说一句,getById的查找效率要比getByClass的高

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

2017-07-05

暮女神

老师为什么把jpg读成钩pg

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

2017-07-05

你这么漂亮我要撩你

老师讲的赞一个，不过就是这个是无限加载的，望解决

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

2017-07-02

我这样一加载更多的时候，图片就全飞了。请大神指教

已采纳回答 / 暮女神

图片全飞出去的原因是你又把所有的pin遍历了一遍并重新排列,要解决的话需要加个判断,或者重写个函数waterfall2目的是只排列json中的图片,例如这样写:<...code...>num是为了储存原来图片的个数,所以在waterfall()函数中也应声明num=$pins.length;这样就能解决了,不过这样的体验并不好,不如不加动画直接渲染出来.而且你这个代码的bug还是太多,比如在图片排列时如果滑动滚动条就会有多组json图片堆叠,

4 回答 2134 浏览 5-2 编程挑战

2017-06-30

qq_说七年就七年_0

你们都知道的东西,老师能不知道？真笑了,看一群菜逼秀自动不全2333333

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

2017-06-30

weibo_和谐_汉子_0

apply的用法就是改变当前函数的作用域，改变的是调用这个方法的函数的this值。类似的方法还有bind(),call()；主要传的参数和返回值的区别。不明白这个方法，可以对数组进行升序排序，取第一个，就是最小的，也可以。

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

2017-06-29

定义数组情况

最新回答 / 慕尼黑6271757

是第一列图像里面高度最小的那个图像的高度

1 回答 676 浏览 2-4 JavaScript实现瀑布流布局中图片排序

2017-06-28

LittleBocchi

@奇遇但是indexOf有兼容性问题，需要IE9+

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

2017-06-21

深入web前端

2倍很舒服，求继续出版课程

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

2017-06-21

不明真相的吃瓜群众

66666

2017-06-18

LittleBocchi

@bchao314 getElementsByClassName方法兼容性比较差，IE9以下不支持，可以写一个类似的方法代替getElementsByClassName

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

2017-06-18

qq_别来无恙

这个老师讲的真好

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

2017-06-16

当条目排到第三行的时候，位置就出现了错误。下面是脚本,我写的意思跟老师是一模一样的，请大神指教

已采纳回答 / 慕粉1711228114

var obj = boxs[index]; var left = obj.offsetLeft; var height1 = obj.offsetHeight;hArr[index]+=height1;貌似height1应该是boxs[i].offsetHeight才对，boxs[index].offsetHeight求的始终是第一行的索引为index的值

1 回答 1301 浏览 2-4 JavaScript实现瀑布流布局中图片排序

2017-06-16