直接上代码
window.onload = function(){
var imgs = document.querySelectorAll('img');
function getTop(e){
return e.offsetTop;
}
function lazyload(imgs){
var h = window.innerHeight;
var s = document.documentElement.scrollTop || document.body.scrollTop;
for(var i=0;i<imgs.length;i++){
if ((h+s)>getTop(imgs[i])) {
(function(i){
setTimeout(function(){
var temp = new Image();
temp.src = imgs[i].getAttribute('data-src');
temp.onload = function(){
imgs[i].src = imgs[i].getAttribute('data-src')
}
},2000)
})(i)
}
}
}
lazyload(imgs);
window.onscroll =function(){
lazyload(imgs);
}
}