Hi everyone, i need your help…
I have two “scroll-in-view” interactions on my landingpage.
First: The first one is at the top of the page. A div with the class-name of
hero-section-scroll-track, triggers the interaction and changes the body-color to red.
When the trigger is scrolling out of view, it changes the body-color to beige.
Second: At the end of the page I have another section, which also changes the body-color to red. When scrolling out-of-view it changes the body-color back to beige.
The problem: If the page is scrolled too quickly from the bottom to the top, then the body-color suddenly changes to beige and I don’t understand why. Actually the body color should be red again at the top of the page.
The Video shows the problem…