Changing Navbar Background Color on Certain Scroll point

changeNavbarColorOnScroll.js

// Changing Navbar Background Color on Certain Scroll point
// By Zeshan Ahmed @zeshanshani
// After the addition, use class "alt-color" to style.

// .alt-color {
//   background-color: #ff0000; 
// }

jQuery(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop(),
        navbar = $('.x-navbar');

    if (scrollPos > 1000) {
      navbar.addClass('alt-color');
    } else {
      navbar.removeClass('alt-color');
    }
  });
});