Question

我在同一页面上有5个div，同一个类名=“post”。我还有一个变量名称p = 1。

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

然后，如果我滚动div2，它应该将p值增加+1意味着对于div2，p = 2。如果我再次滚动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的次数。

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



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


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


        }

});

Answer 1

您可以使用data 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'));
    }  
});

见工作JSFiddle

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

1 个答案: