图片懒加载的问题?
我现在在做一个图片懒加载。
首先,页面载入时,img标签有两个属性,一个src是一张默认图片,一个data-src是图片的真实地址。
然后循环图片,通过滚动页面,监听图片是否到达可视区域,如果到了,就把图片的data-src的值赋给src。
经过测试没有问题,达到了图片懒加载。
但是,后来发现页面里存在tab切换,因为tab中其他的div项是默认隐藏的(display:none),因此无法获取隐藏div中图片的offsetTop,从而导致页面载入时,这些隐藏div的图片就直接加载了,请问如何解决隐藏div的图片和其他图片一样到达位置才加载(或者鼠标经过隐藏div,显示div后再把图片的data-src的值赋给src)。
绯色的兔子先生
9 years, 8 months ago