当滚动到达div的顶部时，如何增加变量的值

Question

我在同一个页面上有5个div和相同的类名="post"。我还得到一个变量名p=1。

我想做的是，当我滚动div1时，它应该将p值增加1意味着现在对于div1，p=2。

然后，如果我滚动div2，它应该增加p值1意味着p=2现在div2。等等。如果我再次滚动div2，p值必须是p=3。

若我滚动div4，p值必须是2，若我滚动div1，p值上次是2。现在必须是3。

但当我滚动div1，p变成p=2时，会发生什么呢。然后，如果我滚动任何div p变成p=3，如果我再次滚动它变成p=4。

所以我想做的是，当我以任何顺序滚动任何div时，它应该根据该div分别增加'p'的值。换句话说，我只想计算我单独滚动所有5个div的次数。

这是我的JS小提琴，JS代码如下：

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



var p=1;
$('.post').scroll(function() {


        if($(this).scrollTop()==0)
        {
            p++;
            alert(p);


        }

});

Answer 1

您可以使用数据api单独保存数据

$("window").load(){
    $('.post').scrollTop($('.post').height()).data('p',0); //initialize
}


$('.post').scroll(function() {
    var $this = $(this);

    if($this.scrollTop() == 0){
        $this.data('p',$this.data('p') + 1); //increment
        alert($this.data('p'));
    }  
});

请参阅工作JSFIDLE