add a class when div over another div

Question

I have this jquery code that adds a class to a div(#menu) after the user scrolled that far on a page. But I am searching for a way to change that code into adding that class when the div(#menu) is on top of another div with the class(.remove) and remove the class again when it's on a div with the class(.add). Here is my code:

jQuery(window).scroll(function(){
    var fromTopPx = 400; // distance to trigger
    var scrolledFromtop = jQuery(window).scrollTop();
    if(scrolledFromtop > fromTopPx){
        jQuery('#menu').addClass('scrolled');
    }else{
        jQuery('#menu').removeClass('scrolled');
    }
});

Answer 1

You need to find the position of the div that you want to "be on top of".

To do that you can use

$('.remove').offset().top;

Hope this helps.