So I have made a character walk on screen via scroll by stacking the images and using show and hide on divs when scrolling. Unfortunately, I can only make my divs 5vh in height or it goes too fast but the problem I am experiencing is that when the div reaches the top of the page it redos the animation so I end up with multiple images showing or I think that is what happens.
Is there any way to make the interaction via a div not trigger when it hits the top? Is there some code I could implement or anything?
Any help would be much appreciated, thanks. I have included the public share link, the page in question, however, is on the photo page.
p.s I know with scroll magic I could implement this better, but I don’t have the know how to do that currently.
Here is my public share link: https://preview.webflow.com/preview/jordanportfolio?utm_source=jordanportfolio&preview=a4355bfa41aba4a9d90ec9235932cca1