var itemH = Math.floor(box.eq(index).outerHeight(true));
關于圖片疊加BUG,看看這個boxArr[minHIndex] += itemH;是否能解決
關于圖片疊加BUG,看看這個boxArr[minHIndex] += itemH;是否能解決
2018-05-15
var arrCls = parent?document.getElementById(parent).getElementsByClassName(clsName):document.getElementsByClassName(clsName);
return arrCls;
return arrCls;
試過很多次 ,滾動加載時如果只操作新生成的元素,會有很大幾率獲取到的元素高度中不包含圖片高度(猜測是圖片沒加載完成),從而導致top值異常,如果有大佬知道原因或解決辦法請聯系我[email protected]
/*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;}
$(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;}
2018-02-25
寫了個瀑布流插件,https://github.com/MuYunyun/waterfall,喜歡的star可以一下~
支持同步/異步獲取圖片數據(基于發布/訂閱模式)
按需加載(每次渲染指定的條數)
支持同步/異步獲取圖片數據(基于發布/訂閱模式)
按需加載(每次渲染指定的條數)
2018-02-13