Floating agent

hlxsites · Jun 4, 2024 · 8fcc666 · 8fcc666
1 parent 8e64dff
commit 8fcc666
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/blocks/floatingagent/floatingagent.js b/blocks/floatingagent/floatingagent.js
@@ -39,6 +39,23 @@ export default function decorate(block) {
     agentInfo,
     contactButton,
   );
+  const displayedElement = document.querySelector('.floatingagent');
+
+  const heroElement = document.querySelector('.hero-wrapper');
+
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      if (entry.isIntersecting) {
+        displayedElement.style.display = 'none';
+      } else {
+        displayedElement.style.display = 'flex';
+      }
+    });
+  }, {
+    threshold: [0],
+  });
+
+  observer.observe(heroElement);
 }
 
 const displayedElement = document.querySelector('.floatingagent');