直播商城源码，图标懒加载

直播商城源码，图标懒加载

1

// 图片懒加载<br>function lazyLoad() {<br>const imgs = document.getElementsByTagName('img')<br>const len = imgs.length<br>// 可视窗口高度<br>// console.log(imgs,'imgs[i].dataset')<br>const viewHieght = document.documentElement.clientHeight<br>// 滚动条高度<br>const scollHeight = document.documentElement.scrollTop || document.body.scrollTop<br>for (let i = 0; i < len; i++) {<br>const offsetHeight = imgs[i].offsetTop<br>if (offsetHeight < viewHieght + scollHeight) {<br>const src = imgs[i].dataset.src<br>imgs[i].src = src<br>}<br>}<br>}<br>window.addEventListener('scroll',lazyLoad)<br>// 页面滚动加载<br>window.addEventListener('scroll',function(){<br>const clientHeight = document.documentElement.clientHeight<br>const scrollTop = document.documentElement.scollTop<br>const scrollHeight = document.documentElement.scrollHeight<br>if(clientHeight + scrollTop >= scrollHeight) {<br>// 检测到滚动至页面底部，进行后续操作<br>// 相关代码<br>}<br>},false)

​以上就是 直播商城源码，图标懒加载，更多内容欢迎关注之后的文章