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(); }); }
相关文章推荐
- jQuery 只加载当前浏览器显示部分屏幕的图片
- Jquery:getJSON方法解决跨站ajax (json的解剖和运用) --附图片加载时的loading显示...
- 怎样提取jQuery.ready(),DOM加载完毕执行onDOMReady()方法
- jQuery.load()方法读取的页面在IE7/IE8浏览器下显示空白页面的原因
- jQuery页面加载时触发ready()事件 dom结构加载完成就触发。(参考慕课网)
- 难点总结:Jquery动态加载数据库中的数据(解答人:郭哲 方式:讲述jquery原理及一些函数的使用方法,学会看帮助文档)
- easyui datagrid 加载 历险记(dom中已经加载,fit:true 时改变浏览器大小是会显示出来)
- jquery------显示加载的js时出现中文乱码解决方法
- jquery 瀑布流原理 页面到达底部加载数据的方法
- jquery加载图片时以淡入方式显示的方法
- 让浏览器DOM元素最后加载的js方法
- JQuery监听页面滚动总结和浏览器动态显示加载图片
- jQuery实现当前页面标签高亮显示的方法
- jQuery中事件加载 DOM—@ready中调用其他方法,会提示缺少对象的错误
- Jquery:getJSON方法解决跨站ajax (json的解剖和运用) --附图片加载时的loading显示...
- jQuery中事件加载 DOM—@ready中调用其他方法,会提示缺少对象的错误
- ios开发中在当前窗口上加载视图的方法
- jquery获取浏览器窗口高度 和 div居中显示
- 使用jquery的load方法设计动态加载,并解决浏览器前进、后退、刷新等问题
- Jquery 浏览器页面窗口刷新或关闭时,执行后台方法(兼容各主流浏览器)