How do I stop a sticky element from scrolling at the end of it's container?

I have this form which I want it to follow the user while scrolling until the end of the content.

You can see one example of what I want to achieve here: Documento Modelo | Contrato de Compra e Venda - Onepilot
As you can see the form gets stopped at the end of it’s container.

You can check my divhunt site here: https://site.staging.onepilot.app/modelo-termo-de-responsabilidade

1 Like

Hello? Anyone available to help?

1 Like

Hey @oscarlima, sorry for the late response, here is the solution:

This here shouldn’t be fixed, it should look like this:|

You shall set your tag to be sticky and in the top field (90px) you input how far from the top of the screen you want your element to be while scrolling, I set 90px there because your nav is 82px and I added an extra 8px but you can change it if you want.

1 Like