Jump to content
Search Community

ScrollTrigger animation struggling on Firefox

Mauro.ie31 test
Moderator Tag

Recommended Posts

Hi there, 

I have trouble with some scrolltrigger implementation in Firefox, everythings works fine in Chrome.

This is the website demo:
As you can see from the attached file, there is a section that appears in top of the first section.

Thanks for replying

In the codepen url there is the same animation with different assets and colors.

 

 

chrome.jpg

Firefox.jpg

See the Pen dyXaXod by mauroie31 (@mauroie31) on CodePen

Link to comment
Share on other sites

Hey Mauro. You just mean you see the the images when the page is loaded for a brief period of time? You should be able to fix that with CSS. It's hard for us to debug without being able to edit the code ourselves. Try adding a higher z-index to the loading section. 

 

If you can't figure it out, please make a demo the recreates the issue for us to debug :) 

 

Nice looking site by the way!

Link to comment
Share on other sites

On 11/13/2020 at 9:25 PM, ZachSaucier said:

Hey Mauro. You just mean you see the the images when the page is loaded for a brief period of time? You should be able to fix that with CSS. It's hard for us to debug without being able to edit the code ourselves. Try adding a higher z-index to the loading section. 

 

If you can't figure it out, please make a demo the recreates the issue for us to debug :) 

 

Nice looking site by the way!

But why the initial opacity is not applied on the first time loading? Only after a refresh.

The elements have opacity: 0 before on the css before starting.

The animation is exactly the same as this one: 

Maybe I did some mistakes implementing the code?

Thanks

Link to comment
Share on other sites

On 11/16/2020 at 2:48 PM, ZachSaucier said:

Seems like it? Like I said, please make a minimal demo of the issue if you'd like our help debugging.

So, 

i solved id by adding a delay to gsap animation after dom is ready.

I don't know why it happens, maybe the page contained a lot of code.

Thanks for support :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...