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>