Sticky columns with content scrolling once in a while

Design help General
1

Hello

I am trying to re-create the effect on this side The case study factory

(See screenshot attached for the precise section),

where one column on the right scrolls and the column on the left is sticky (where the big numbers are) but scrolls once in a while to update the different numbers.

I tried to deconstruct it and analyzed it, I am pretty sure this can be achieve with sticky but I do not understand how I should structure my components.

Could anyone help? It would be much appreciated ))

Bildschirmfoto 2021-05-11 um 14.06.05
Bildschirmfoto 2021-05-11 um 14.06.052706×1850 338 KB

2

Hello!

I tried again and again but no chance…basically I need a way to make a content sticky until it is pushed by another sticky content…Does somebody has a clue?

Many thanks!

3

image
image653×744 104 KB

4

btw, Sticky doesn’t work if any parent of the sticky element — up to the Body — is set to overflow:hidden

5

Hello Vincent,

Thank you so much, I was already so far, see link above. But if you see the example I sent you the “0” is still flowing across the whole screen.

Is there a way to achieve this without code?

https://preview.webflow.com/preview/elenas-test-project-4bb289?utm_medium=preview_link&utm_source=designer&utm_content=elenas-test-project-4bb289&preview=d96845b95e9d5689628d836dcfa8c027&pageId=609d10bf1e7b490f2c58d15c&mode=preview