public/js/app: Add feedback resistance and ignore first scroll on pageload

1 files changed, 10 insertions, 6 deletions

diff --git a/public/js/app.js b/public/js/app.js
index 94d5912..f3fa6bc 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -87,7 +87,7 @@ window.history.replaceState(null, null, url);
 var previousPosition = window.pageYOffset;
 var navbar = document.getElementById("navbar");
 var navbarHeight = navbar.offsetHeight;
-
+var scrollReady = 0;
 
 window.onscroll = function() {
 
@@ -98,14 +98,18 @@ window.onscroll = function() {
     var currentPosition = window.pageYOffset;
     var velocity = previousPosition - currentPosition;
 
-    if (velocity > 55 || currentPosition < navbarHeight) {
-      remClass(navbar, 'navbar__headroom');
-    } else if (velocity < 0) {
-      addClass(navbar, 'navbar__headroom');
+    if (scrollReady == 1) {
+      if (velocity > 75 || currentPosition < navbarHeight) {
+        remClass(navbar, 'navbar__headroom');
+      } else if (velocity < -25) {
+        addClass(navbar, 'navbar__headroom');
+      } else if (currentPosition > navbarHeight) {
+        runOnce(function () { addClass(navbar, 'navbar__headroom') });
+      }
     }
 
     previousPosition = currentPosition;
-
+    scrollReady = 1;
 };
 
 /**