Hide fixed div when scrolling over another div

Hide fixed div when scrolling over another div

I am trying to use Jquery to hide a fixed position div  .wp-fixed  (always shown at the bottom of screen) anytime the user scrolls over another div  .wp-over  (i.e. when  .wp-fixed  is within the  .outerheight  of  .wp-over )?

Not sure how to approach this. any help would be much appreciated