wait #7657 @0:30

diff --git a/web/app/themes/lyveas/functions.php b/web/app/themes/lyveas/functions.php
index 7528dab6aec6d0cc4353519aa10163bfa01d1521..20330a32007699fd4a74a7d0ae5251dd48cef799 100644 (file)
--- a/web/app/themes/lyveas/functions.php
+++ b/web/app/themes/lyveas/functions.php
@@ -83,6 +83,12 @@ function menu_css() {
         array(),
         '1.0'
     );
+    wp_enqueue_script(
+        'menu-js',
+        get_stylesheet_directory_uri() . '/resources/scripts/menu.js',
+        array(),
+        '1.0',
+    );
 }
 add_action('wp_enqueue_scripts', 'menu_css');
 

diff --git a/web/app/themes/lyveas/resources/scripts/menu.js b/web/app/themes/lyveas/resources/scripts/menu.js
new file mode 100644 (file)
index 0000000..85ee2bc
--- /dev/null
+++ b/web/app/themes/lyveas/resources/scripts/menu.js
@@ -0,0 +1,11 @@
+const header = document.getElementsByClassName('site-header')
+let lastKnownScrollPosition = 0
+
+document.addEventListener('scroll', function (e) {
+  lastKnownScrollPosition = window.scrollY;
+  if (lastKnownScrollPosition > 100) {
+    header[0].classList.add('scrolling')
+  }else {
+    header[0].classList.remove('scrolling')
+  }
+})