网站中热门板块的内容(瀑布流布局) 在下拉刷新加载更多内容的时候 出现布局混乱,有重叠的部分,大致看了下是因为定位的坐标问题,可是找不到设置定位属性的css样式在哪里?
网站中热门板块的内容(瀑布流布局) 在下拉刷新加载更多内容的时候 出现布局混乱,有重叠的部分,大致看了下是因为定位的坐标问题,可是找不到设置定位属性的css样式在哪里?
var appendStr =
'<div class="grid"><a href="/Forum/Posts?id=' +
data.Id +
'" ><div class="imgholder"><img class="lazy" src="' +
dataHotImage +
'" /></div>' +
'<div class="t">' +
nameStr +
'</div><div class="s"><span class="icon-eye"></span> ' +
hits +
' <span class="icon-bubble2"></span> ' +
replyNumber +
' </div><div class="m"><dd><img src="' +
/*data.UserHeadImage*/imgUrl +
'"/></dd>' +
'<dt>' +
data.NickName +
'</dt></div></a></div>';
alAppStr += appendStr;
//添加到容器中
});
$(".container").append(alAppStr);
dynamicGrid();
/*var allImg = $(".container").find("img");
var callback = function () {
$(".container")
.BlocksIt({
numOfCol: 5,
offsetX: 8,
offsetY: 8,
blockElement: '.grid'
});
};
貌似是这一坨,加上scroll方法一起控制的,你自己慢慢看看
8 回答4.8k 阅读✓ 已解决
6 回答3.5k 阅读✓ 已解决
5 回答2.9k 阅读✓ 已解决
5 回答6.4k 阅读✓ 已解决
4 回答2.3k 阅读✓ 已解决
5 回答1.3k 阅读✓ 已解决
4 回答2.8k 阅读✓ 已解决
之前遇到过,不知道是不是一样的情况。加载完新数据,在添加新DOM时,会触发瀑布流重新布局,这时候图片还没有加载出来,重布局时不知道图片的高度。图片加载完后,因为瀑布流没有重新布局,所以出现了重叠。解决方案是,检测图片加载情况,图片加载完成后再重新布局一次。我们用了[imageLoaded插件]来做的检测。(http://imagesloaded.desandro....
参考:imageLoaded的配置和使用