Hinzufügen/entfernen Klasse beim Scrollen in einem 100vh (Überlauf) div

Question

Ich versuche, eine Klasse auf einem Div hinzuzufügen/zu entfernen, wenn Menschen durch das div scrollen, aber das Problem ist, dass die Höhe des Div ist 100vh und überläuft mit a vertikale Schriftrolle. Meine aktuelle Scroll-Funktion funktioniert nur, wenn Sie tatsächlich in der Seite nach unten scrollen, anstatt innerhalb des div.

Ist es möglich, dass es eine ähnliche scrollfunction hat, die beim Scrollen durch ein div anstelle der ganzen Seite hinzugefügt/entfernt wird?

$(function() { 
    var header = $("#scroller-wrapper"); 
    $(window).scroll(function() {  
    var scroll = $(window).scrollTop(); 
    if (scroll >= 50) { 
     header.removeClass('scroller').addClass("scroller hidden"); 
    } else { 
     header.removeClass("scroller hidden").addClass('scroller'); 
    } 
    }); 
});  

Answer 1

Sie können dieses Skript versuchen.

$(function() { 
var header = $("#scroller-wrapper"); 
$("#div_for-which_you_want_to_capture_scroll").scroll(function() {  
var scroll = $('#div_for-which_you_want_to_capture_scroll').scrollTop(); 

console.log(scroll); 
if (scroll >= 50) { 
    header.removeClass('scroller').addClass("scroller hidden"); 
} else { 
    header.removeClass("scroller hidden").addClass('scroller'); 
} 
}); 
});