From eeafe1b3d73e1781a03886e39d0ed822111c523f Mon Sep 17 00:00:00 2001
From: bogdankol <68349689+bogdankol@users.noreply.github.com>
Date: Thu, 11 Apr 2024 12:50:59 +0300
Subject: restyled all pages

---
 site/js/scroll-detector-for-header.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 site/js/scroll-detector-for-header.js

(limited to 'site/js/scroll-detector-for-header.js')

diff --git a/site/js/scroll-detector-for-header.js b/site/js/scroll-detector-for-header.js
new file mode 100644
index 0000000..db7958f
--- /dev/null
+++ b/site/js/scroll-detector-for-header.js
@@ -0,0 +1,27 @@
+document.addEventListener('DOMContentLoaded', function () {
+  resolveHeadersClasses()
+
+  document.addEventListener('scroll', () => {
+    resolveHeadersClasses()
+  })
+})
+
+function resolveHeadersClasses() {
+  const header = document.getElementById('navigation')
+  const background = 'background__white'
+  const shadow = 'bottom-shadow'
+
+  if(!header) return
+
+  if(window?.scrollY && window.scrollY > 0) {
+    if(header.classList.contains(background)) return
+
+    header.classList.add(background)
+    header.classList.add(shadow)
+  } else {
+    if(!header.classList.contains(background)) return
+
+    header.classList.remove(background)
+    header.classList.remove(shadow)
+  }
+}
\ No newline at end of file
-- 
cgit v1.2.3