Add nav border on scroll

1 files changed, 11 insertions, 0 deletions

diff --git a/app/assets/javascripts/layout_nav.js b/app/assets/javascripts/layout_nav.js
index a5f99bcdd8f..341fc6fc3e4 100644
--- a/app/assets/javascripts/layout_nav.js
+++ b/app/assets/javascripts/layout_nav.js
@@ -1,4 +1,5 @@
 /* eslint-disable func-names, space-before-function-paren, no-var, prefer-arrow-callback, no-unused-vars, one-var, one-var-declaration-per-line, vars-on-top, max-len */
+import _ from 'underscore';
 
 (function() {
   var hideEndFade;
@@ -45,4 +46,14 @@
       }
     });
   });
+
+  function applyScrollNavClass() {
+    if ($(window).scrollTop() > 0) {
+      $('.navbar-gitlab').addClass('scroll');
+    } else {
+      $('.navbar-gitlab').removeClass('scroll');
+    }
+  }
+
+  $(window).scroll( _.throttle(applyScrollNavClass, 250));
 }).call(window);