为了账号安全,请及时绑定邮箱和手机立即绑定
css3真强大,几句就搞定瀑布流了
$(window).resize(function(){
var $boxs = $('#main>div');
$boxs.each(function(index,value){
$(value).css('position','')
});
waterfall();
});
记得重新调用之前先清除position。
@堂堂唐家大少爷, 解决这位大少爷的问题。
$(window).resize(function(){
var cols = Math.floor(document.documentElement.clientWidth/aBoxW);
// oParent.style.cssText = 'width:' + aBoxW*cols + 'px';
$('#main').css("width",aBoxW*cols);
})
在视窗重新变化的时候刷新一遍操作就解决了
除了有些地方有些瑕疵,本课程还是很不错的,练习js和jquery
千万别先看4-1
很棒,尤其是看到效果出来的那一刻。

已采纳回答 / 慕粉205724528
' '里面是字符串,你的代码就是这个意思{width:(oBoxsW * cols)px +margin: 0 auto}你觉得这是一个正常的CSS样式吗?{width:(oBoxsW * cols)px;margin: 0 auto}应该是这样的

已采纳回答 / 你好_盼再见
你这个页面渲染出现了问题,应该是在定位时出现了问题,可能你视频并没有看完,定位有一步十分关键,定位的位置是在高度最小的下面进行渲染,这时候如果你的高度写死,在循环时没有进行高度的修改就会出现此问题,你只需要在循环最后加上一个hArr[minHIndex] += $boxs.eq(index).outerHeigt();即可(ps:我在这写的是通过JQuery实现的方法,如果你要用其他的方法请看视频。)
我看到了桌面上的百度杀毒。。

最新回答 / 幕布斯1509990
arr 是一个数组,目的应该是为了获取数组里的arr的高度,有两种写法1.arr[i]=Box[i].offsetHeight(若设外边距需注意)2.arr.push(Box[i].offsetHeight)不懂再回复
function getByClass(clsName, parent){
if(parent){
var listid=document.getElementById(parent);
var on1=listid.getElementsByClassName(clsName);
return on1;
}else{
var onnodes=document.getElementsByClassName(clsName);
return onnodes;}
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识; 3.对jQuery相关知识掌握。
老师告诉你能学到什么?
1.学会实现瀑布流布局实现的三种方式; 2.div如何定位和排序; 3.掌握CSS3中多栏布局的知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消