hax/seek-tune
1
0
Fork 0
mirror of https://github.com/cgzirim/seek-tune.git synced 2025-12-18 09:24:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add smooth scrolling to YouTube cards when circle is clicked

Browse source
This commit is contained in:
Chigozirim Igweamaka 2024-06-30 14:16:28 +01:00
parent 46e2a87e76
commit 7c784d6384
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
client/src/components/CarouselSliders.js
View file

@ -72,7 +72,11 @@ const CarouselSliders = (props) => {
: `${styles.Link} ${styles.ActiveLink}` : `${styles.Link} ${styles.ActiveLink}`
} }
href={`#slide-${match.YouTubeID}`} href={`#slide-${match.YouTubeID}`}
onClick={() => { onClick={(e) => {
e.preventDefault();
document
.getElementById(`slide-${match.YouTubeID}`)
.scrollIntoView({ behavior: "smooth" });
setActiveVideoID(match.YouTubeID); setActiveVideoID(match.YouTubeID);
}} }}
></a> ></a>