From b0db3534f23dab7717b32192704451a7e834ffb3 Mon Sep 17 00:00:00 2001
From: Artyom Pratsko <kabanproff@gmail.com>
Date: Wed, 20 Nov 2024 22:55:34 +0300
Subject: [PATCH] TRI-283: add feader fixed

---
 static/css/moover.css          |  5 ++++-
 static/css/moover/header.css   |  5 ++++-
 styles/moover/header.scss      |  5 ++++-
 templates/blocks/n_header.html | 30 +++++++++++++++++++++++++++++-
 4 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/static/css/moover.css b/static/css/moover.css
index 1f5c361..6fefcea 100644
--- a/static/css/moover.css
+++ b/static/css/moover.css
@@ -240,7 +240,10 @@ b {
 
 .header {
   margin-top: 0;
-  position: relative;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
   padding: 40px 5px;
 }
 
diff --git a/static/css/moover/header.css b/static/css/moover/header.css
index 80baee1..ba7ca26 100644
--- a/static/css/moover/header.css
+++ b/static/css/moover/header.css
@@ -1,6 +1,9 @@
 .header {
   margin-top: 0;
-  position: relative;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
   padding: 40px 5px;
 }
 
diff --git a/styles/moover/header.scss b/styles/moover/header.scss
index 541adec..cee992c 100644
--- a/styles/moover/header.scss
+++ b/styles/moover/header.scss
@@ -1,6 +1,9 @@
 .header {
   margin-top: 0;
-  position: relative;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100vw;
   padding: 40px 5px;
 
       @media (max-width: 1304.98px) {
diff --git a/templates/blocks/n_header.html b/templates/blocks/n_header.html
index ad4dec4..f792668 100644
--- a/templates/blocks/n_header.html
+++ b/templates/blocks/n_header.html
@@ -49,4 +49,32 @@
       </div>
     </div>
   </div>
-</header>
\ No newline at end of file
+</header>
+<script>
+  function initHeaderState() {
+	var activeClassname = 'scrolled';
+	var $document = $(document);
+	var headerTop = $('.header');
+    console.log('dfsdfdsfsdfsdfsdfsfsfsfsdfsdf')
+		var header = $('.header');
+		$(window).off('scroll.header').on('scroll.header', function() {
+			var scrollTop = $document.scrollTop();
+			var headerHeight = header.outerHeight();
+			var headerHeightTop = headerTop.outerHeight();
+			var top = headerHeight - headerHeightTop - 20;
+			if (scrollTop > headerHeight) {
+        console.log(scrollTop, top)
+				headerTop.addClass(activeClassname);
+				$(document.body).addClass(activeClassname);
+			} else {
+				headerTop.removeClass(activeClassname);
+				$(document.body).removeClass(activeClassname);
+			}
+		});
+	}
+
+$(document).ready(()=>{
+  initHeaderState();
+})
+  console.log($,'sdsdads')
+</script>
\ No newline at end of file