mdbootstrap/js/modules/scrolling-navbar.js

Material Design for Bootstrap (MDB) is a powerful Material Design UI KIT for most popular HTML, CSS, and JS framework - Bootstrap.

'use strict';

(function ($) {

  var SCROLLING_NAVBAR_OFFSET_TOP = 50;

  $(window).on('scroll', function () {

    var $navbar = $('.navbar');
    if ($navbar.length) {

      if ($navbar.offset().top > SCROLLING_NAVBAR_OFFSET_TOP) {

        $('.scrolling-navbar').addClass('top-nav-collapse');
      } else {

        $('.scrolling-navbar').removeClass('top-nav-collapse');
      }
    }
  });
})(jQuery);