Question:
Hi community. I am creating a homepage w/ stacked sticky sections and I’m wondering if something is possible. I have three sections that stack and then an addtional section beneath. I have set the sticky sections and correct offset and all is working as expected - when the user get’s to the bottom stacked section, I want that section to scroll as normal into the next section.
This is quite hard to explain in text so I have made a screen recording to better explain here:
https://www.loom.com/share/4a28e837c9e344378eac538618bfefe2?sid=8a12ccfe-b059-4e38-96ff-67174f092c6b
Basically, I want the ‘Work’ section to stick where it is doing under the ‘Services’ section but I want the remainder of the ‘Work’ section to continue as a normal scroll into the ‘Built on Detail’ section. At the moment the ‘Built on Detail’ section scrolls over the ‘Work’ section.
I have tried varying methods of setting each section sticky vs unsticky and adjusting the offset but it’s not quite working as intended. Any ideas?
Product:
Studio Editor
What are you trying to achieve:
Three stacked sections and then a continuous scroll into the remaining sections on the page.
Thanks community!