javascript - 小弟没看懂,画红线的这俩块是什么意思
PHPz
PHPz 2017-04-11 13:05:43
[JavaScript讨论组]
        $(window).scroll(function() {
            if ($(window).scrollTop() >= $(".cent-line-box").offset().top - $(window).height()/2 + 5 && !$(".history-wrap .cent-wrap li").last().hasClass('show')) {
                $(".cent-line-box").addClass('active');
                $(".cent-line-box .point-h").show();
            }else{
                $(".cent-line-box").removeClass('active');
                $(".cent-line-box .point-h").hide();
            }

            $(".history-wrap .cent-wrap li").each(function() {
                var _this = $(this);
                if ($(window).scrollTop() >= $(this).offset().top - $(window).height() + 260) {
                    _this.addClass('show');
                }else{
                    _this.removeClass('show');
                }
            });
        });

PHPz
PHPz

学习是最好的投资!

全部回复(1)
怪我咯

第一个框,如果window的滚动条距离顶部的高度大于(.cent-line-box距离父元素的高度减去(window的高度除以2再加5)),并且.history-wrap .cent-wrap li最后一个li没有class show,则执行下面的代码。

第二个框,如果window的滚动条距离顶部的高度大于等于(.history-wrap .cent-wrap li距离父元素的高度减去window的高度再加260),那么久这个li加上show,否则remove .show

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号