当scroll到达div的顶部时，如何打印scrolltop（）值0

Question

我在同一页上有5个div。所有的div都有相同的类名“post”和相同的高度“600px”。所以我想要的是当我在5个div中滚动任何div，当它到达div的顶部时，它应该提醒值0。

问题是当我滚动div2，div3，div4，div5到顶部。它没有打印值'0'。但是当我滚动div 1到顶部，然后如果我滚动任何其他div，它显示'0'。无论我先滚动哪个div，我都需要打印0。为什么会发生？请参阅jsfiddle代码的评论部分。

演示

$("window").load()
{
    $('.post').scrollTop($('.post').height())  
} 

$('.post').scroll(function() {
    if($('.post').scrollTop()==0)
    {
        alert('0');
    }
});

jsfiddle

Answer 1

将您的postdiv封装在父级中，并遍历子级。然后使用this关键字来标识您正在滚动的子div：

$('#allPosts').children().scroll(function () {
    if ($(this).scrollTop() === 0) {
        alert('0');
    }
});

Answer 2

你总是选择第一个div。这就是为什么你会得到这个结果。

在此代码中：

if($('.post').scrollTop()==0)
{
    alert('0');
}

$（'.post'）。scrollTop（）将返回找到的第一个元素。

试试这个：

$('.post').scroll(function() {

    $('.post').each(function() {
        if($(this).scrollTop()==0)
        {
            alert('0');
        }
    });
});

Answer 3

改变

if($('.post').scrollTop()==0)
{
    alert('0');
}

到

if($(this).scrollTop()==0)
{
    alert('0');
}

$（'.post'）。scrollTop（）将给出第一个div（找到的第一个元素）的值。如果第一个div的值为0，$（'.post'）。scrollTop（）==0将始终为true，即使您正在滚动其他div。