Animation vanishes on scrolling

[hargunkaur286]

Description

In this page, when we scroll through the page, the animation shows up for a second and then vanishes away.

Expected Behavior

We want the animation to load properly and not vanish away, when we scroll down the page.

Screenshots

Screen.Recording.2024-10-07.at.7.44.42.PM.mov

Environment:

• Host OS: MacOs
• Browser: Google Chrome, Safari

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[vishalvivekm]

@hargunkaur286 let's make a call for Volunteers on today's call.

[Aryam2121]

can you please assign to me

[hargunkaur286]

@deepikaa0402 @Aryam2121 Thank you for sounding off. Do you mind telling if you have the repository setup?

[Aryam2121]

yes i have repository Setup and you assign to me please

[hargunkaur286]

Go ahead @Aryam2121 :)

[vishalvivekm]

@Aryam2121
Please note that all issue-related discussions should be kept public and within this GitHub issue thread.
You can also discuss them in:

1. #websites channel in Layer5's Slack community at https://slack.layer5.io.
2. Our discussion forum https://discuss.layer5.io/
3. Weekly website meetings on Mondays at meet.layer5.io

Before proceeding further, please:

• Fork the repository and set up the project locally (it looks like you haven't forked the project yet)
• Review our contributor handbook for guidelines on contributing and code of conduct.

[Anand-Theertha]

Hey @hargunkaur286, I would like to check this out.

[Aryam2121]

why you unassign me

[sudhanshutech]

@Anand-Theertha any updates?

[Anand-Theertha]

I'm currently working on this issue, so I haven't been able to make much progress on this one. @sudhanshutech
#5908

[sudhanshutech]

oh okay. @MaryannGitonga would you like to give it a shot?

[balagowda]

@hargunkaur286, @sudhanshutech I came across this issue. here animation shows up for a second and then vanishes because the minimum value set for >= 2. {activeExampleIndex >= 2 ? "show " : "render "} due to this condition animation is not visible for 0 and 1. also when user scroll it up it won't visible but animation works.

[Ajay-singh1]

@balagowda If you can fix this go on and raise a PR as I think nobody is working on this right now.

[leecalcote]

Thank you, @Ajay-singh1 👍

[balagowda]

@hargunkaur286 , @Ajay-singh1 this might look good?

Untitled.mov

[Ajay-singh1]

@hargunkaur286 , @Ajay-singh1 this might look good?

Untitled.mov

Nice I loved it! Wait for others feedack.Kindly attach this movie with your PR.