博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js--进入可视区后图片的加载
阅读量:5257 次
发布时间:2019-06-14

本文共 681 字,大约阅读时间需要 2 分钟。

(1)利用原生的js进行判断:

window.οnscrοll=function(){

        var seeHeight = document.documentElement.clientHeight;
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        for(var i=l;i<imgNum;i++){
            if(imgObj[i].offsetTop < seeHeight + scrollTop){
                if(imgObj[i].src == ""){
                    imgObj[i].src = imgObj[i].getAttribute("lazysrc");
                }
            }
            if(imgObj[i].offsetTop > seeHeight + scrollTop){
                l=i;
                break;
            }
        }
}

(2)利用jquery进行判断:

$(window).bind("scroll", function(event){

     
      $("div").each(function(){
         
           var fold = $(window).height() + $(window).scrollTop();
          
           if( fold <= $(this).offset().top){
              
                 $(this).trigger("appear");
       }
      });
 });

进入可视区后加载物体或者滚动加载图片

 

 

转载于:https://www.cnblogs.com/lgmcolin/archive/2013/01/06/2847641.html

你可能感兴趣的文章
巡风源码阅读与分析---nascan.py
查看>>
LiveBinding应用 dataBind 数据绑定
查看>>
Linux重定向: > 和 &> 区别
查看>>
nginx修改内核参数
查看>>
C 筛选法找素数
查看>>
TCP为什么需要3次握手与4次挥手(转载)
查看>>
IOC容器
查看>>
Windows 2003全面优化
查看>>
URAL 1002 Phone Numbers(KMP+最短路orDP)
查看>>
web_day4_css_宽度
查看>>
electron入门心得
查看>>
格而知之2:UIView的autoresizingMask属性探究
查看>>
我的Hook学习笔记
查看>>
js中的try/catch
查看>>
寄Android开发Gradle你需要知道的知识
查看>>
简述spring中常有的几种advice?
查看>>
给你的网站404页面加上“宝贝寻亲”公益页面
查看>>
整理推荐的CSS属性书写顺序
查看>>
ServerSocket和Socket通信
查看>>
css & input type & search icon
查看>>