Fix Header on PageLoad if scrolled (#784)

benjaminkott · Nov 19, 2019 · 016bf02 · 016bf02
1 parent 9d444b1
commit 016bf02
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 12 deletions.
diff --git a/Resources/Public/JavaScript/Dist/bootstrap.stickyheader.min.js b/Resources/Public/JavaScript/Dist/bootstrap.stickyheader.min.js
diff --git a/Resources/Public/JavaScript/Src/bootstrap.stickyheader.js b/Resources/Public/JavaScript/Src/bootstrap.stickyheader.js
@@ -1,12 +1,7 @@
-$(function () {
-
-    $(window).on('resize, scroll', function () {
-        var stickyheaderScrolled = $(window).scrollTop();
-        if (stickyheaderScrolled > 150) {
-            $('.navbar-fixed-top').addClass('navbar-transition');
-        } else {
-            $('.navbar-fixed-top').removeClass('navbar-transition');
-        }
-    });
-
+var stickyheader = document.getElementsByClassName("navbar-fixed-top");
+function animateHeader() {
+	150<window.scrollY ? stickyheader[0].classList.add("navbar-transition") : stickyheader[0].classList.remove("navbar-transition");
+}
+['scroll', 'resize', 'DOMContentLoaded'].forEach(function(e) {
+  window.addEventListener(e, animateHeader);
 });