fix IntersectionObserver error with rootMargin

zurnov · Oct 30, 2024 · 12d0855 · 12d0855
1 parent 45c887b
commit 12d0855
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/core/header/header.component.ts b/src/app/core/header/header.component.ts
@@ -20,7 +20,10 @@ export class HeaderComponent implements AfterViewInit {
       (entries) => {
         this.isButtonVisible = entries[0].isIntersecting;
       },
-      { threshold: 1.5 }
+      {
+        threshold: 1,
+        rootMargin: '-50% 0px -50% 0px',
+      }
     );
 
     this.observer.observe(this.burgerBtn.nativeElement);