HTML页面后加载图片

最新推荐文章于 2024-04-26 16:47:03 发布

langyu1021

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量412

点赞数

分类专栏： Js 文章标签： javascript servlet java

原文链接：https://www.cnblogs.com/tingzi123/p/14791153.html

版权

Js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

// 判断页面是否到了需要显示图片的位置并赋值
function loadlazy(){
    var itv = setTimeout(function(){
        var winHeight = $(window).height();
        var scrolltop = $(window).scrollTop();
        $('img').each(function(){
            var oTop = $(this).offset().top;
            if((oTop-scrolltop) >= 0 && (oTop-scrolltop)<winHeight){
                var src = $(this).attr("data_src");
                $(this).attr("src",src);
            }
        })
    },100);
}

// 页面滚动加载
$(window).scroll(function() {
    loadlazy();
});

$(document).ready(function () {
	loadlazy();
});