Wenn div gescrollt größer als - JS Ereignis

Question

Ich arbeite auf einer Website, die Ganzkörperrutschen hat, ist der Überlauf des Körpers versteckt. Wenn der Inhalt der Folie größer als die Höhe des Benutzerbildschirms ist, muss der Benutzer mit der Bildlaufleiste blättern oder auf dem Handy nach unten wischen.

Ich brauche es so, dass, wenn der Benutzer scrollt größer als (zum Beispiel) 50px ein JS-Ereignis auslöst und wenn der Benutzer zurück scrollt ein anderes JS-Ereignis auslöst. Dadurch kann ich ein Element ausblenden, wenn der Benutzer scrollt und das Element neu erstellt wird, wenn es nach oben zurückkehrt.

Ich habe das folgende verwendet, das funktioniert, wenn der Benutzer scrollt, aber ich muss in der Lage sein, den Wert dafür größer als zu definieren und dann das andere Ereignis, wenn es kleiner als der Wert ist.

$(".section").scroll(function() { 
    $("#header").css("display", "none").fadeOut("slow"); 
}); 

Alle Ideen würden massiv geschätzt werden Jungs!

Prost Liam

Answer 1

versuchen $(this).scrollTop() mit:

$(".section").scroll(function() { 
    if ($(this).scrollTop() > 50) { 
    // do something 
    } else { 
    // do something else 
    } 
});