Enable navbar shrinking on scrolling

2018-03-15 17:07:38 +01:00
parent 926685bf10
commit f463a05726
4 changed files with 61 additions and 42 deletions
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -1 +1,13 @@
-console.log('Hello, world');
+$(document).ready(function () {
+  var scrollTop = 0;
+
+  $(window).scroll(function () {
+    scrollTop = $(window).scrollTop();
+
+    if (scrollTop >= 100) {
+      $('#nav').addClass('shrink');
+    } else if (scrollTop < 100) {
+      $('#nav').removeClass('shrink');
+    }
+  });
+});