BlocksIt.js 瀑布流布局的时候图片出现重叠,请问如何解决?谢谢!

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

阅读 4.1k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题