javascript - BlocksIt.js 瀑布流布局的时候图片出现重叠，请问如何解决？谢谢！

问题描述

问 题

在使用BlocksIt.js 插件作瀑布流效果的时候，鼠标滚动到最低端，ajax新加载几张图片，后生成的图片会出现位置重叠现象，请问如何解决？谢谢！

解决方案

出现重叠的原因是因为高度。
ajax新过来的数据中，图片没有load完就append到页面上，导致Blockslt.js重新计算布局时出现错乱。
解决方法有两种：
1.等新进来的图片全部加载完成后再append到页面上
2.后台给数据时，把图片的真实尺寸也带过来，这样不需要担心图片有没有load完成就知道高度。
关于图片加载状态的问题，可以使用imgStatus来解决，imgStatus的github：https://github.com/raphamorim...

这篇关于javascript - BlocksIt.js 瀑布流布局的时候图片出现重叠，请问如何解决？谢谢！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！