I’m building out an interaction where, when the visitor scrolls down the page, text reveals line by line.
However, the page percentage indicator is glitching and sticking as I scroll down the page, preventing the animation from happening until I’ve scrolled to the very end.
Hey Josiah, just checked your post and understand your issue.
In your implementation your block has position: sticky applied to it so technically those texts doesn’t move until it reach the bottom of that section.
And it most cases while scroll interactions shouldn’t not be applied to the element which you want to animated. You should add the interaction to your parent section which has 5000px height. Because that would mean your animation will run while that 5000px is being scrolled.
So remove that interaction form that text and apply it to the parent section, best you recreate the interaction again.