Show / hide magellan expedition in page. See the demo http://tallwave.com/

magellan-hide.css

.is-hidden {
  display:none;
}

magellan-hide.js

$(window).scroll(function(){
  // Get container scroll position
  var fromTop = $(this).scrollTop() + topMenuHeight;

  //Check if we should be showing magellan or not
  if($('[data-magellan-expedition]').length >0){
   var lastBottomOffset = $('[data-magellan-destination]').last().offset().top + $('[data-magellan-destination]').last().outerHeight();
    if(fromTop>lastBottomOffset){
      $('[data-magellan-expedition]').addClass('is-hidden');
    } else{
      $('[data-magellan-expedition]').removeClass('is-hidden');
    }
  }
});