search

rnosov / react-reveal

Easily add reveal on scroll animations to your React app
https://www.react-reveal.com/
MIT License
2.73k stars 181 forks source link

Page Change Animation Flash #60

Open joebentaylor opened 5 years ago

joebentaylor commented 5 years ago

After importing and customising my animations on my homepage in my Gatsby project. I noticed since adding react reveal, when i change pages the content doesnt display, but then flashes after about a second the content flashes back.

I followed the tutorial for Server Side Rendering as this seemed like it was the issue, but this didnt fix my issue.

I have no clue what is causing this or how to fix it.

see it happening here at: mortgagesremortgages.netlify.com

However If that link no longer has the problem, ive fixed it by using a different package.

zamson commented 4 years ago

I have the same issue with FOUC using Gatsby

applebya commented 4 years ago

Same here, can't get this working in Gatsby. Tried all 3 ways, no dice.

Looks like you made the switch over to wow.js , which has been succeeded by AOS js: https://michalsnik.github.io/aos/ .

(nice site design btw!)

NeversSync commented 4 years ago

Having the same issue, only on mobile. Anyone find a fix?

iksent commented 3 years ago

I fixed it by adding 

.react-reveal {
  opacity: 0;
}

inside the CSS file imported in the gatsby-browser.js