为什么在360浏览器图片会重叠啊???火狐浏览器有正常显示。。。。jQuery有兼容么?????

来源:3-1 jQuery实现瀑布流布局图片定位

慕斯3035540

2016-09-01 09:44

function waterfall(){

var divs= $("#wrapper>div");

var picW= divs.eq(0).outerWidth();//一个模块的宽

var num= Math.floor($(window).width()/picW); //模块列数 向下取整

$("#wrapper").width(num*picW).css('margin','0 auto');//大模块居中

var hArry=[];//存储高度

divs.each(function(index,element){

   var h=divs.eq(index).outerHeight();

if(index<num){

  hArry[index]=h;

}else{

var minH=Math.min.apply(null,hArry);

var minIndex=$.inArray(minH,hArry);

$(element).css({

'position':'absolute',

'top':minH+'px',

'left':minIndex*picW+'PX'

    })

hArry[minIndex]+=h;

}

})

}


写回答 关注

1回答

  • 小白师兄
    2016-09-01 23:55:02
    已采纳

    360默认用的是微软的内涵,也就是跟你的电脑IE浏览器是一样的,因此会出现你这个问题,如果用你的IE打开,必然也是这样,解决方法是换一个低版本的jquery,最好是1版本的,高版本对浏览器兼容有放弃!

    慕斯3035...

    非常感谢!

    2016-09-02 07:21:36

    共 1 条回复 >

瀑布流布局

瀑布流布局是网站比较流行的一种布局方式,教你实现三大方式

97759 学习 · 736 问题

查看课程

相似问题