Streaming live at 10am (PST)

Sticky position question

Hey

I’ve set the large text block on my About page to position sticky. It’s working but how do I make it continue scrolling upwards after a certain point?

Thanks

PREVIEW LINK:

https://preview.webflow.com/preview/travelbuddyapp?utm_medium=preview_link&utm_source=designer&utm_content=travelbuddyapp&preview=7c9f6227ae36ade8dcfa2e7d5d149316&pageId=5d80fe213510c925c7055807&mode=preview

Hey Reece! To accomplish this, you’ll just set the bottom position under your styling. In the screenshot I have the top position set to 0px and bottom position set to 220px. Hope that helps!

07%20PM

1 Like

Hey @parker, thanks for this.

It now begins to move upwards as I wanted it to but stops, I’ve added sections below hoping to push it upwards out fo the viewport completely but they scroll over instead of moving it upwards.

I noticed I can fix this issue by changing overflow on the body to Auto/hidden, however this needs to be set to overflow:visible for the position:sticky to work. Do you know what I need to do here?

Solved. Put the large text block with position:sticky applied inside a section.

The tutorial I watched said it must be a direct child of the body…

1 Like

Sorry I wasn’t still online when you replied. So glad you got it figured out!