How to only have one area scroll, the rest fixed

Design help General
1

Somewhat of a newbie when it comes to Webflow and trying to figure out how to have only the center white-background area on this page scroll and have the rest of the page be fixed (not scrolling) similar to how X.com works.

Can anyone guide me? I’ve watched the webflow university video on CSS position properties, but I’m still not clear on how best to implement it, especially if the text above the scrollable area might change in height on smaller screens and therefore would rather not have it be based on the number of pixels from the top of the VH.

Can any one point me in the right direction?

-Ben

Here is my site Read-Only: [LINK][1]

1 Like
2

Hey Ben,
If you make the area, that you want fixed, position’s fixed it should make it not move while the rest scrolls! Hope I helped!