fixed promo bar jitter glitch

james0r · james0r · commit a0faec79edc1 · 2024-09-26T11:42:47.000-07:00
diff --git a/layout/theme.liquid b/layout/theme.liquid
@@ -58,7 +58,7 @@
     <main
       id="main-content"
       role="main"
-      class="site-main-tw-component relative">
+      class="site-main relative">
       {{ content_for_layout }}
     </main>
 
diff --git a/src/js/alpine/stores/global.js b/src/js/alpine/stores/global.js
@@ -52,7 +52,7 @@ export default {
         // Hide promo bar when scrolling down more than 100px
         if (window.scrollY > 100) {
           this.isPromoBarVisible = false
-        } else {
+        } else if (window.scrollY < 60) {
           this.isPromoBarVisible = true
         }
 

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ export default {`
`52`	`52`	`// Hide promo bar when scrolling down more than 100px`
`53`	`53`	`if (window.scrollY > 100) {`
`54`	`54`	`this.isPromoBarVisible = false`
`55`		`- } else {`
	`55`	`+ } else if (window.scrollY < 60) {`
`56`	`56`	`this.isPromoBarVisible = true`
`57`	`57`	`}`
`58`	`58`