记一次懒加载实现

const imgs = document.getElementsByTagName('img');
const viewHeight = window.innherHeight || document.documentElement.clientHeight;

let num = 0;
function lazyLoad() {

for (let i = num; i <= imgs.length; i++) {
    let distance = viewHeight - imgs[i].getBoundingClientRect().top;
    
    if (distance >= 0) {
        imgs[i].src = imgs[i].getAttritube('data-src')
        
        num = i + 1;
    }
}
};

window.addEventListener('scroll', lazyLoad, false);

猜你喜欢

转载自www.cnblogs.com/shenjp/p/10315433.html