javascript - Jquery滚动函数确定div是否在视口(viewport)内不起作用

Question

我正在尝试构建一个函数来检查一组 div 是否位于可见视口(viewport)内。我有以下代码:

$(window).scroll(function(){
    var $w = $(window);
    var bottom_edge_y = $w.scrollTop()  + $w.height();
    var top_edge_y = $w.scrollTop();

    $('#itin_list').children('div').each(function () {
        var scrollTop = $(window).scrollTop(),
        divOffset = $('#'+ $(this).attr('id')).offset().top,
        if(top_edge_y < divOffset< bottom_edge_y){
            alert("caught");
        }
    });
)};

但是，即使 divOffset 不在 if 条件中指定的范围内，此代码每次都会发出警报。有什么问题吗？提前致谢。

Answer 1

您的 if 条件有问题。您不能像这样在一次比较中比较 3 个数字。

Instead of `if(top_edge_y < divOffset< bottom_edge_y), 

使用这个:

 if(top_edge_y < divOffset &&  divOffset<bottom_edge_y)`