请大佬给愚弟看一个方法,如何检测元素离开可视范围
//进入可视范围已经可以了,但是怎么检测当前元素离开可视范围,愚弟卡主了,谢谢大佬
var lastItem = 0;
$(document).ready(function() {
detectionVisualRange();
window.addEventListener("scroll", function(e) {
detectionVisualRange();
});
});
function detectionVisualRange() {
var lis = $('.index-mode-2').find(".item");
//swHeight=滚动的高度+窗体的高度;当item的offset高度<=swHeight,那么说明当前.item显示在可视区域了
var swHeight = $(window).scrollTop() + $(window).height();
$.each(lis, function(index, item) {
mTop = item.offsetTop;
var dItem = index + 1;
if ((mTop + 800) < swHeight && dItem > lastItem) {
console.log(index + 1 + "进入可视范围");
lastItem += 1;
}
});
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
既然获取到了’进入可视范围‘,那么相反的条件,不就是’离开可视范围‘