jquery onscroll hasClass 属性不起作用

Question

在我的模板中，我跟踪了向上滚动和向下滚动。

在向上滚动时，我向 h2 添加了一些 class names。在 Downscroll 中，如果 h2 具有类名，我会执行一些任务。

在 Downscroll 中，我使用了 hasClass 属性。但它不是获取动态添加的类名。

这是我用的脚本

    $(document).ready( function() {

var lastScrollTop = 0;

$(window).on('scroll', function(e){
    var st = $(this).scrollTop();

        if (st > lastScrollTop){ //down scroll

                $(".rightclassname h2").each(function(){
                    var moveright = $(this).offset().top 
                    if($(window).scrollTop() > moveright && !$(this).hasClass('reached')) {
                        $(this).addClass('reached');
                        console.log(moveright);
                    }
                })

                $(".leftclassname h2").each(function(){
                    var moveleft = $(this).offset().top ;
                    if($(window).scrollTop() > moveleft && !$(this).hasClass('reached'))
                    { 
                        console.log('Moveleft');
                        $(this).addClass('reached');
                    }
                })
        }
        else { //Up scroll

                $(".rightclassname h2").each(function(){
                    var moveright = $(this).offset().top   ;

                    if($(window).scrollTop() < moveright && !$(this).hasClass('reached')) {
                        $(this).addClass('reached');
                        console.log('right up ');
                    }
                })


                $(".leftclassname h2").each(function(){
                    var moveleft = $(this).offset().top  ;
                    if($(window).scrollTop() < moveleft && !$(this).hasClass('reached'))
                    { 
                        $(this).addClass('reached');
                        console.log('leftup');
                    }
                })
        }
        lastScrollTop = st; 
    })
})

此代码在向下滚动 中运行良好。但在 up scroll 中，hasclass 属性未跟踪动态添加的类 reached。所以它不能正常工作。

请帮助我如何在此处跟踪 hasClass 属性。

****请引用这个 fiddle Refer the fiddle here **

向下滚动时，通过交叉相应的标题，文本会正确显示。通过 upscroll 它不起作用。**

Answer 1

您将“每个”格式化为“ map ”，我一直不小心这样做......但我认为它应该是这样的:

var obj = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>