redis处理懒加载数据的方法:1.写一个函数判断元素是否是出现在可视范围内。2.添加事件监听函数。3.使元素只在第一次被检查到时打印true,以后不再打印。
redis处理懒加载数据的方法:
1.写一个函数判断元素是否是出现在可视范围内,代码:
<script>functionisVisible($node){
varwinH=$(window).height(),
scrollTop=$(window).scrollTop(),
offSetTop=$(window).offSet().top;
if(offSetTop<winH+scrollTop){
returntrue;
}else{
returnfalse;
}
}
</script>
2.添加事件监听函数,代码:
<script>$(window).on("scroll",function{
if(isVisible($node)){
console.log(true);
}
})
</script>
3.使元素只在第一次被检查到时打印true,以后不再打印,代码:
<script>varhasShowed=false;
$(window).on("sroll",function{
if(hasShowed){
return;
}else{
if(isVisible($node)){
hasShowed=!hasShowed;
console.log(true);
}
}
})
</script>
本文来源:https://www.yuntue.com/post/58484.html | 云服务器网,转载请注明出处!