From 7837b40d562b70de99e62f064d48c44f503b372a Mon Sep 17 00:00:00 2001 From: Malaber Date: Mon, 17 Mar 2025 23:20:33 +0100 Subject: [PATCH] Add detection for scroll is over https://stackoverflow.com/a/51142522/10559526 --- js/components/FavoriteBar.js | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/js/components/FavoriteBar.js b/js/components/FavoriteBar.js index ad934d1..fa5ac10 100644 --- a/js/components/FavoriteBar.js +++ b/js/components/FavoriteBar.js @@ -87,20 +87,24 @@ export function FavoriteBar({teams}) { } }); } - scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'}); // Smoothly scroll to the target element let scrollTimeout; - // Add a scroll event listener to start the highlighting after scrolling only - window.addEventListener('scroll', function() { + const handleScroll = () => { clearTimeout(scrollTimeout); - scrollTimeout = setTimeout(function() { + scrollTimeout = setTimeout(() => { setIsPulsing(false); scrollTo.classList.add('scroll-to-highlight'); setTimeout(() => { scrollTo.classList.remove('scroll-to-highlight'); }, 2000); + window.removeEventListener('scroll', handleScroll); }, 100); - }, {once: true}); + }; + + scrollTo.scrollIntoView({behavior: 'smooth', block: 'center'}); // Smoothly scroll to the target element + + // Add a scroll event listener to start the highlighting after scrolling only + window.addEventListener('scroll', handleScroll); }; if (isLoading) {