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
0
A
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;
}
Verwandte Themen
- 1. jQuery - Rand auf Scroll reduzieren
- 2. jQuery - Animieren auf Scroll-Bug
- 3. jquery animieren auf Scroll-Position
- 4. Jquery Animation auf Scroll-Ereignis
- 5. jquery festen Tabellenkopf auf Scroll
- 6. Live-Zähler mit jquery
- 7. wie Zähler auf einen Klassennamen in jquery
- 8. einfache jquery zweite Zähler
- 9. jQuery Scroll-Ereignis kontinuierlich Brennen Scroll-Funktion
- 10. Benutzerdefinierte Likes Zähler mit Jquery
- 11. jQuery sortierbare Listen mit Zähler
- 12. jQuery Position DIV oben auf Scroll fixiert
- 13. jQuery Ausblenden auf Scroll funktioniert nicht
- 14. jQuery scrollbasiert fadeIn nicht auf scroll warten
- 15. JQuery: Scroll-Position auf Seite aktualisieren
- 16. jquery Scroll Ajax Limit auf eine Anfrage
- 17. Jquery: show 5 div auf Seite scroll
- 18. SVG-Linien zeichnen auf Scroll mit jQuery
- 19. Header auf Scroll-Effekt ausblenden/anzeigen jQuery
- 20. jQuery Custom Scroll Plugin
- 21. Smooth Scroll Anker jquery
- 22. JQuery Scroll DRY
- 23. jquery scroll speed?
- 24. nach jquery load scroll
- 25. jQuery Fenster .Scroll Dysfunktion
- 26. Sub Lager (scroll) jquery
- 27. Detect div scroll jquery
- 28. jQuery scroll Ereignis
- 29. Angular 1.5 + jquery scroll animation
- 30. Hilfe mit jQuery Textfeld Länge Zähler