您的位置:首页 > Web前端 > JQuery

JQuery计算当前Dom结构在浏览器窗口中被显示方法(懒加载原理)

2013-02-27 15:25 411 查看
View Code

var dealImg = $("[nmshow]");
var dealLength = dealImg.length;
var arrayguard = new Array();//记录已被筛选的dealImg对象

function dealImgIsShow(){    //单子显示出来计算一次pv
var tempscrollTop = $(document).scrollTop();
var windowHeight = $(window).height();
for(var i=0;i<dealLength;i++){
if(!arrayguard[i]){
if(windowHeight + tempscrollTop > dealImg.eq(i).offset().top+dealImg.eq(i).height()){
arrayguard[i] = 1;//当前对象已经被标记
eval(dealImg.eq(i).attr("nmshow"));
}
}
}
}
if (dealLength > 0) {
dealImgIsShow();
$(window).scroll(function(){//监听属性是nmshow的img标签是否被展示
dealImgIsShow();
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐