fix: set scrolled attribute only when offset is larger than the header (

#2133) * fix: set scrolled attribute only when offset is larger than the header
telekom · Sep 22, 2023 · df45405 · df45405
1 parent ae354cf
commit df45405
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/components/src/components/telekom/telekom-header/telekom-header.tsx b/packages/components/src/components/telekom/telekom-header/telekom-header.tsx
@@ -47,7 +47,9 @@ export class TelekomHeader {
 
   @Listen('scroll', { target: 'document' })
   onScroll() {
-    this.scrolled = window.pageYOffset > 2;
+    // 48px is the height of the header, set scrolled when the user scrolls past it
+    // todo: calculate this value dynamically (for slim header, smaller viewports, etc)
+    this.scrolled = window.pageYOffset > 48;
     this.scrolledBack =
       this.pageYOffset !== window.pageYOffset && window.pageYOffset <= 0;
     this.pageYOffset = pageYOffset;