在使用BlocksIt.js 插件作瀑布流效果的时候,鼠标滚动到最低端,ajax新加载几张图片,后生成的图片会出现位置重叠现象,请问如何解决?谢谢!
在使用BlocksIt.js 插件作瀑布流效果的时候,鼠标滚动到最低端,ajax新加载几张图片,后生成的图片会出现位置重叠现象,请问如何解决?谢谢!
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
5 回答2.2k 阅读
3 回答1.7k 阅读✓ 已解决
5 回答798 阅读
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
出现重叠的原因是因为高度。
ajax
新过来的数据中,图片没有load
完就append
到页面上,导致Blockslt.js
重新计算布局时出现错乱。解决方法有两种:
1.等新进来的图片全部加载完成后再
append
到页面上2.后台给数据时,把图片的真实尺寸也带过来,这样不需要担心图片有没有
load
完成就知道高度。关于图片加载状态的问题,可以使用imgStatus来解决,
imgStatus
的github
:https://github.com/raphamorim...