Scrollen im und außerhalb eines Divs

[Ensaw]

Hallo tutorials-community,

ich habe ein Problem und ich hoffe, Ihr könnt mir weiterhelfen. Leider weiß ich auch nicht wonach ich da suchen soll.

Mein IST-Zustand ist, dass wenn gescrollt wird, das die Klasse "open" von dem div "dropdown" entfernt wird. Ich möchte nun, dass wenn innerhalb des divs dropdown gescrollt wird, das "open" nicht entfernt wird. Es soll nur entfernt werden, wenn der Benutzer außerhalb vom div scrollt.

Das hier ist bisher mein Code:

$(window).scroll(function() {
  $('.dropdown').removeClass('open')
});

Leider kenne ich mich fast gar nicht mit JQuery bzw Javascript allgemein aus. Deswegen bräuchte ich euche Hilfe..

 

[SpiceLab]

$(window).scroll(function() {
  $('.dropdown').removeClass('open')
});
$('.dropdown').scroll(function() {
  $('.dropdown').addClass('open')
});

https://api.jquery.com/addclass/