Beaver Themer Scrolling Menu Bar.

bb-scrolling-menu-bar.js

/**
 *
 * Following CSS may be needed
 * -----------------------------
 
     #header-scrolling-menu {
        opacity: 1.0 !important;
        index: 10;
     }

  Scroll Direction code courtesy of:
  https://stackoverflow.com/questions/4326845/how-can-i-determine-the-direction-of-a-jquery-scroll-event
 
 *-------------------------------
 */
jQuery(document).ready(function($){
	lastScrollTop = 0;
	
	if( typeof window.FLBuilderConfig === 'undefined' || window.FLBuilderConfig === null ) {
		$('#header-scrolling-menu').hide();
	}	
});

jQuery(window).scroll(function(event){
   var $ = jQuery;
   var st = $(this).scrollTop();
   
   if (st > lastScrollTop){
       // downscroll
       if ( st > 200){
       		// display the sticky menu
       		$('#header-scrolling-menu').show();
       }
   } else {
      // upscroll code
      if ( st <= 200 ){
      		// hide the sticky menu
      		$('#header-scrolling-menu').hide();
      }
   }
   lastScrollTop = st;
});