redis处理懒加载数据的方法:1.写一个函数判断元素是否出现在可视范围内。2.添加事件监听函数。3.使元素只在第一次被检查到时打印true,之后不再打印。
redis处理懒加载数据的方法:
1.写一个函数判断元素是否出现在可视范围内,代码:
<script>function isVisible($node){
var winH = $(window).height(),
scrollTop = $(window).scrollTop(),
offSetTop = $(window).offSet().top;
if (offSetTop < winH + scrollTop) {
return true;
} else {
return false;
}
}
</script>
2.添加事件监听函数,代码:
<script>$(window).on("scroll", function{
if (isVisible($node)){
console.log(true);
}
})
</script>
3.使元素只在第一次被检查到时打印true,之后不再打印,代码:
<script>var hasShowed = false;
$(window).on("sroll",function{
if (hasShowed) {
return;
} else {
if (isVisible($node)) {
hasShowed = !hasShowed;
console.log(true);
}
}
})
</script>