When reload the page react-fast-marquee is accelarating
See original GitHub issueI am using png file and When reload the page react-fast-marquee is accelarating.
My code snippet
<Marquee speed={100}> <div className={"marquee-style"}> <img src="/example1.png" width="50%"/> </div> <div className={"marquee-style"}> <img src="/example2.png" width="50%"/> </div> <div className={"marquee-style"}> <img src="/example3.png" width="50%"/> </div> </Marquee>
Issue Analytics
- State:
- Created 2 years ago
- Reactions:3
- Comments:6 (2 by maintainers)
Top Results From Across the Web
react-fast-marquee - npm
A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.. Latest version: 1.3.5, ...
Read more >Issues · justin-chu/react-fast-marquee - GitHub
A lightweight React component that utilizes the power of CSS animations to create ... When reload the page react-fast-marquee is accelarating bug Something...
Read more >Javascript Continuous Scroller - speeding up on a page refresh
The following code is now working! I added an if statement and - clearInterval(lefttime); to the initialize marquee function.
Read more >Speed up your Next.js (React) app with this neat trick - YouTube
Your Next.js ( React ) app can be statically exported to consist only of HTML and CSS documents. This is a great use...
Read more >React Native Text Ticker/Marquee Component - Morioh
scrollSpeed, number, true, 150, Describes how fast the scroll animation moves. Effective when duration is not set. animationType, string ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Same issue here. Also using Suspense, and I noticed that the issues resolves itself if the viewport size is changed.
The speed is controlled by a css variable on
.marquee
called--duration
. My temporary fix is to manually override that variable--duration: 60s !important
I’ll look into this.