Streaming live at 10am (PST)

Sticky element and horizontal scroll

#1

Hi, I wonder if anyone by chance have any idea how to make a horizontal scroll where a section sticks to the top and the content inside it moves horizontally until the section ends?

My best, Daniel


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

You got to consider the horizontal section like a vertical one. Same height than wide. Then you use the “while scrolling” trigger to translate your content div. The sticky will just be NOT in the content div.

So in short you have your section, and inside, your sticky element and a div called content. Scrolling the section translates the content.