瀑布流布局_技术问答

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

瀑布流布局

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

全部评论问答未解决精华

qq_零_75

终于不用听前面的老师了，声音小到阴凉全开，语速慢，听的快睡着，到这里精神了

0 1-1 瀑布流布局简介

2018-05-21

wwm112

var itemH = Math.floor(box.eq(index).outerHeight(true));

关于图片叠加BUG，看看这个boxArr[minHIndex] += itemH;是否能解决

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

2018-05-15

bilibabula

如果大家逛过...没有没有!!! 从来不逛网站

0 1-1 瀑布流布局简介

2018-04-29

单纯的孩子

有个小问题，滚动if判断的时候函数还是要加括号的，不然不执行函数，而是判断字符串，因为非空字符串自动转布尔值的时候会判断为正确，会直接加载，而不判断滚动条

0 5-2 编程挑战

2018-04-27

沉默的Rick

CSS3实现了图片的排列，还是用jq吧

0 4-1 CSS3实现瀑布流布局

2018-04-22

SWMcalin

很明显的bug就是会有图片重叠

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

2018-04-19

莲_蓶濏__

// alert(len2.length); 是个坑来的一开始就觉得奇怪
return document.querySelectorAll((parent ? '#' + parent + ' ' : '') + '.' + clsName);

0 2-6 编程练习

2018-04-11

qq_长生不老松_0

var arrCls = parent?document.getElementById(parent).getElementsByClassName(clsName):document.getElementsByClassName(clsName);
return arrCls;

0 2-6 编程练习

2018-04-10

qq_付注东流的岂止是时间_03709607

,,,,,,,,,,script 标签里面的双引号居然是中文！！！！！！ca

0 2-7 编程练习

2018-03-24

Mo_Chen

试过很多次，滚动加载时如果只操作新生成的元素，会有很大几率获取到的元素高度中不包含图片高度（猜测是图片没加载完成）,从而导致top值异常，如果有大佬知道原因或解决办法请联系我mochen0308@qq.com

1 5-2 编程挑战

2018-03-15

慕少5154646

/*js*/
$(function(){
for(var i=0;i<99i++){
var a=Math.round(Math.random()*200+100);
$('<img src="1.jpg">').height(a).appendTo($('.wrap'))
}
})

/*css*/
.wrap {
width: 80%;
margin: 0 auto;
border: 1px solid #f00;
column-width:300px;
}
img{width:300px;}

0 4-1 CSS3实现瀑布流布局

2018-02-25