Create Headroom only when header exists

FAForever · Oct 25, 2021 · 4e6ef46 · 4e6ef46
1 parent e44bf47
commit 4e6ef46
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/public/js/app/navigation.js b/public/js/app/navigation.js
@@ -1,19 +1,21 @@
-var headroom = new Headroom(document.querySelector('.navigation-wrapper'), {
-  'offset': 100,
-  'tolerance': 5,
-  'classes': {
-    'initial': '',
-    'pinned': 'pinned',
-    'unpinned': 'unpinned',
-    'top': 'at-top',
-    'notTop': 'not-at-top',
-    'bottom': 'at-bottom',
-    'notBottom': 'not-at-bottom'
-  }
-});
-
-headroom.init();
+if (document.querySelector('.navigation-wrapper') !== null) {
+  var headroom = new Headroom(document.querySelector('.navigation-wrapper'), {
+    'offset': 100,
+    'tolerance': 5,
+    'classes': {
+      'initial': '',
+      'pinned': 'pinned',
+      'unpinned': 'unpinned',
+      'top': 'at-top',
+      'notTop': 'not-at-top',
+      'bottom': 'at-bottom',
+      'notBottom': 'not-at-bottom'
+    }
+  });
 
+  headroom.init();
+}
+
 $(document).ready(function() {
   $('.toggle-nav').click(function() {
     if ($('.navigation-wrapper').hasClass('opened')) {