Jump to content

Text Animate (Change) On Scroll

Recommended Posts

I am trying to have a specific block of text animate (I want the words to change) as someone scrolls down the page and wondering if anyone has encountered this or has any ideas to make it work.

Essentially, I would like:
-- As you're scrolling down the page and you get to the specific block where the text lives, I want that block to pin

-- Then as you keep scrolling, I want the words in the text block to change. I don't want the text to move position, but rather I want it to appear as if the scrolling is changing the text from one set of words to another

-- Once that text animates, then the section can be unpinned and continue scrolling. If I scroll back up then the text would animate back.

Closest example i've found is from a different platform (except I don't want the background to change): https://text-changed-on-scroll.webflow.io/

Thanks for any/all help! 

EDIT: Found a couple similar examples on codepen:
https://codepen.io/mmbotelho/pen/NLRLYN

Edited by dancrumrine
update
Link to comment
  • Replies 0
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.