How to make the div block to be fixed at a certain position?

I ran into a small problem. I can not do that div block was fixed from the beginning of the article and to its end.

I assigned the “while scroll” animation to the rich block and set the div block value to 0%-100%. And the problem is that it moves 100% of its height.

How to solve my problem?

More briefly: I need the div block to be fixed to the full height of the article.

https://preview.webflow.com/preview/warmth-48f65e?utm_source=warmth-48f65e&preview=4df18c79c0fdad9277822645a74cfa4a (post-signature tmplate)

Thinking of same thing please help me as well


Sachin Khanna

Hey @Bogette , how are you doing?

That’s an easy fix with just a little bit of custom code. Just insert a Embed element anywhere on you page and paste the following:

<style>.column-5{position:-webkit-sticky;position:sticky;top:7vh;}<style>

@Sachin_Khanna

You can use the same structure, just change the .column-5 to the class of the object you want to stick and the top:7vhto the top offset you want it to fix. I putted the 7vh there because that was the height of his navbar, so it fits perfectly there.

2 Likes

@gilson, you are a genius. Day after day, I understand that learning code is a necessity, even if I work at webflow.

You saved me. Thank you!