问答详情
源自:3-1 jQuery实现瀑布流布局图片定位

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

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;

}

})

}


提问者:慕斯3035540 2016-09-01 09:44

个回答

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

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