文件名称:web-demo:分享一些实用的小案例
文件大小:3KB
文件格式:ZIP
更新时间:2024-05-07 15:12:32
HTML
web前端案例分享 lazyLoad 简单的实现图片懒加载 2021-04-17 懒加载原理: 判断当前图片是否在浏览器的可视区域范围内 如果 浏览器可视区域的高度 + 滚动条滚动的距离 >= 该图片到页面最顶部的距离 那么就加载图片 先给img标签的src设置为"", 图片的地址给 data-src属性 当页面滚动到可视区域内 就把data-src的图片地址赋值给src 这样图片就开始加载了
【文件预览】:
web-demo-master
----lazyLoad()
--------index.html(4KB)
----README.md(477B)