img懒加载 - web秀

#img懒加载#

共找到 img懒加载相关内容 1 条

6年前

JavaScript实现图片懒加载

JavaScript实现图片懒加载

原理1、将图片真实路径赋值到img标签的data-src属性中，而不是src属性2、获取img节点距离浏览器顶部的距离，如果小于或等于浏览器窗口的可视高度，那么就将data-src的值赋值到src里去实现//封装图片懒加载类classLazyLoad{constructor(el){this.imglist=Array.from(document.querySelectorAll(el));//需使用懒加载的图片集合this.init();//初始化}//获取图片与窗口的信息getBound(el){le

556954 3758 0

下拉加载更多