瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

创建图片获取的高度为0

最新回答 / 呐呐民

你只是创建了元素，并没有将元素显示到页面上去啊。

1 回答 1086 浏览 3-2 jQuery实现瀑布流布局的图片加载功能

2018-07-15

jquery创建的图片高度不对

最新回答 / Richard_Li

有没有内填充之类的，用height()获取是图片的尺寸，outertHeight()获取到加上填充的高度

1 回答 1139 浏览 3-2 jQuery实现瀑布流布局的图片加载功能

2018-07-15

怎么计算id为main的总高度啊

最新回答 / YUYING123

document.getElementById('main').offsetHeight

1 回答 1068 浏览 2-3 JavaScript实现瀑布流布局中图片定位

2018-07-12

为什么在Firefox浏览器下会有一块区域重叠，其他浏览器都没有问题

最新回答 / 浅芷初夏

不仅仅是火狐，任何浏览器，你先清空缓存，然后刷新，所有图片都会堆叠在一起，因为图片资源未加载完成js就执行了。若代码分散放到vue的生命周期钩子函数内，搭配使用v-for和$.nextTick，应该能避免这种问题。再不然你就使用图片预加载、懒加载技术，优化代码。

1 回答 1477 浏览 3-2 jQuery实现瀑布流布局的图片加载功能

2018-07-04

效果显示为什么有点乱呢？

最新回答 / AcmenLiu

在滚动添加过程中在调用一次waterfall('main','box');

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

2018-06-29

box浮动

最新回答 / AcmenLiu

给pic下面的img统一一个宽度。

1 回答 916 浏览 2-1 HTML CSS实现瀑布流布局页面结构

2018-06-29

写成var dataInt={'data':[{'src':'../images/1.jpg'}为啥就不行了？

已采纳回答 / qq_张三岁_0

后面调用的是value值，你可以这样做：var dataInt={'data':[{'src':'0.jpg'},{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'}]};这些按照数写，不要加具体路径，后面加oimg.src="../images/"+dataInt.data[i].src;

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

2018-06-18