懒加载 js

function load() {

    // 1.获取页面已经滚动的距离

    var scroolTop = document.documentElement.scrollTop || document.body.scrollTop;

    // 2.获取当前屏幕的高度

    var clientHeight = document.documentElement.clientHeight || document.body.clientHeight;

    // 3.循环遍历每一个图片

    var imgpic=document.getElementsByClassName('pic');

    for(var img of imgpic){

        console.log(img);

       

        if((img.offsetTop+200)<=(scroolTop+clientHeight)){

            var realSrc=img.getAttribute('data-realSrc');

            console.log(realSrc);

            img.src=realSrc;

        }

    }

    console.log(scroolTop);

    console.log(clientHeight);

}

window.οnlοad=load;

window.οnscrοll=load;