How do I make two sections "stick" together after implementing an animation?

Design help Animations & Interactions
1

I’m having trouble with a section after implementing a sticky animation. This section I made isn’t “stuck” to the bottom section. The bottom section instead moves up:
Separated_Section_AdobeExpress

It should be like this:
Correct_AdobeExpress (1)

Any ideas on how to fix? Thank you for your time and effort :slight_smile:

Here is my public share link: https://preview.webflow.com/preview/ampd-3fcfd95805bc20952dbec10f517c99c6?utm_medium=preview_link&utm_source=designer&utm_content=ampd-3fcfd95805bc20952dbec10f517c99c6&preview=1ce4695c3d661b76b41a3aceca375446&pageId=63dfbe20c0de3576b9e8e50d&workflow=preview
(how to access public share link)

2

Hey @Tak

I’m not sure I understand what you are trying to achieve. The second example seems just like regular sections without any sticky behaviour

3

In the second GIF, the two sections are sticking to each other. However in the first GIF, the bottom section moves up, then sticks to the “Automatic reporting” section.

I do not want that bottom section to be moving up. Instead, I want them to be stuck to each other the entire time. Does that make sense?