voyant HELP: JS for un-hiding and changing main menu to white background on scroll

[titus+ 0]

Hi, I'm trying to unhide the menu that uses the .fixed class. I would also like to add a class that turns the background from transparent to white after you scroll. 

 

File: /wp-content/themes/voyant/sections/menu-voyant/voyant-menu.js

 

I have commented out this, and it seems to unhide everything fine:

/* $window.on('scroll', function(event) {
					if( $window.width() <= 768){
						$fixed.removeClass('hide-menu');
						$fixed.addClass('show-menu');
						menuVisible = true;
						return;
					}
					if( $window.height() + 150 >= $site.height() ){
						$fixed.addClass('test');
						menuVisible = true;
						return;
					}

					if( $window.height() + 150 >= $site.height() ){
						$fixed.removeClass('hide-menu');
						$fixed.addClass('show-menu');
						menuVisible = true;
						return;
					}

					if( $window.scrollTop() > 150 && !menuVisible){
						$fixed.removeClass('hide-menu');
						$fixed.addClass('show-menu');
						menuVisible = true;
					}else if( menuVisible = true &&  $window.scrollTop() < 150){
						$fixed.addClass('hide-menu');
						$fixed.removeClass('show-menu');
						menuVisible = false;
					}
				});
*/

I also want to add in a class which will turn the background white when I scroll down. So I reused a portion of the commented-out section and rewrote it like this: 

$window.on('scroll', function(event) {
if( $window.height() + 150 >= $site.height() ){
$fixed.addClass('white-background');
menuVisible = true;
return;
}
});

The first part works, but the second part doesn't. What am I missing?

 

Thanks,

[titus+ 0]

So for what I needed to do you can simply comment-out the section I posted above. But the fix I proposed for the white background didn't work. So what you can do is simply use the following ID's and Classes to call out the menu when it's hidden vs fixed. These two elements change regardless of the voyent-menu.js. Once you scroll down it's considered fixed.

 

#fixed-top.is-fixed

 

#fixed-top.is-not-fixed

 

Thanks,

David