直播商城源码,图标懒加载
直播商城源码,图标懒加载
// 图片懒加载
function lazyLoad() {
const imgs = document.getElementsByTagName('img')
const len = imgs.length
// 可视窗口高度
// console.log(imgs,'imgs[i].dataset')
const viewHieght = document.documentElement.clientHeight
// 滚动条高度
const scollHeight = document.documentElement.scrollTop || document.body.scrollTop
for (let i = 0; i < len; i++) {
const offsetHeight = imgs[i].offsetTop
if (offsetHeight < viewHieght + scollHeight) {
const src = imgs[i].dataset.src
imgs[i].src = src
}
}
}
window.addEventListener('scroll',lazyLoad)
// 页面滚动加载
window.addEventListener('scroll',function(){
const clientHeight = document.documentElement.clientHeight
const scrollTop = document.documentElement.scollTop
const scrollHeight = document.documentElement.scrollHeight
if(clientHeight + scrollTop >= scrollHeight) {
// 检测到滚动至页面底部,进行后续操作
// 相关代码
}
},false)
以上就是 直播商城源码,图标懒加载,更多内容欢迎关注之后的文章