Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绝对定位图像-无重叠_Javascript_Jquery_Overlap - Fatal编程技术网

Javascript 绝对定位图像-无重叠

Javascript 绝对定位图像-无重叠,javascript,jquery,overlap,Javascript,Jquery,Overlap,我使用JS Mashine在页面上绝对定位图像,我使用一些JS给每个图像一个随机的顶部边距和左侧边距,以产生随机间距等效果。但是一些图像重叠。有没有办法阻止这种情况发生 您可以在此处看到当前结果: 谢谢, R多亏了@bfavaretto的建议,问题在于砌石和lazyload不能同时进行,所以我添加了一个对砌石的回调,以便在每次滚动时重新加载 $(window).scroll(function () { setTimeout(function(){ $container.masonry()

我使用JS Mashine在页面上绝对定位图像,我使用一些JS给每个图像一个随机的顶部边距和左侧边距,以产生随机间距等效果。但是一些图像重叠。有没有办法阻止这种情况发生

您可以在此处看到当前结果:

谢谢,
R

多亏了@bfavaretto的建议,问题在于砌石和lazyload不能同时进行,所以我添加了一个对砌石的回调,以便在每次滚动时重新加载

$(window).scroll(function () {
setTimeout(function(){
    $container.masonry();
}, 0);
}))

唯一的问题是,我打赌页面上的负载现在是巨大的,所以任何改进都是受欢迎的


谢谢。

由于您懒得加载图像,因此每次加载新图像时,您都必须强制重新播放。否则,它将根据占位符的侧面分布元素并将之前的图像
高度
添加到等式中-您可能会发现还需要将其
边距顶部
也纳入计算中。@bFavareto啊,如果我没有使用lazyload,这不会发生?尽管当您到达页面底部时,这会增加一些错误。有什么建议吗?