请大佬给愚弟看一个方法,如何检测元素离开可视范围

//进入可视范围已经可以了,但是怎么检测当前元素离开可视范围,愚弟卡主了,谢谢大佬

        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;
                }
            });
        }
阅读 1.2k
1 个回答

既然获取到了’进入可视范围‘,那么相反的条件,不就是’离开可视范围‘

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题