2017-07-07 6 views
0

Ich versuche, Nummer Zähler, die auf Scroll funktionieren wird. Wenn Sie nach unten blättern, wird der Zähler von 0 auf eine Zahl und bei Aufwärtsscrollen von einer Zahl auf Null gesetzt. Während des Scrollens ändern sich die Zahlen (wenn kein Scroll vorhanden ist, bleibt die Nummer dort, wo sie sich gerade befindet). Irgendwelche Ideen? Danke.Jquery Zähler auf Scroll

Antwort

0

this answer Verwendung determin, wenn die nach oben oder unten geht:

var lastScrollTop = 0; 
var counter = 0; 
$(window).scroll(function(event){ 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop){ 
    counter++; 
    } else { 
    counter--; 
    } 
    lastScrollTop = st; 
}); 
1

die Sie interessieren und überprüfen Sie Ihre Konsole

HTML

<div class="body"> 


</div> 

jquery

$(window).scroll(function(){ 
    console.log($(window).scrollTop()); 
}); 

css

.body{ 
    height:900px; 
}