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

发布于 2022-09-12 13:13:27 字数 894 浏览 10 评论 0

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

        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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一袭白衣梦中忆 2022-09-19 13:13:27

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文