Change sticky image on scroll - webflow ecommerce site

Hey Webflow Community!

I think the ecommerce website by webflow is just amazing and am trying to understand how a particular ‘scroll and change the sticky’ element is created - it feels like custom code but that would be cheating right :wink:
Maybe you have a better idea? Any help here would be just brilliant.

thanks!

Jak


Hello @Jak,

So, it is not custom code it is just position sticky. The container you see on the left is set on position sticky with maybe 20% on the top like this
46%20PM
The rest is is just current state of the links, once you built it you will see. I hope this helps.

Hello @Pablo_Cortes :slight_smile:

I am also looking to achieve this effect, where the sticky image is linked to different sections. I’ve put the image in a Sticky Div, but it isn’t clear to me how to make the image change. would you know where I could find a tutorial?

Thanks a lot!

Hello @akearns,

I think this tutorial by the great @PixelGeek will put you on the right track How to Webflow: Switch content with scrolling interactions - Tutorial (2019) - YouTube Let me know how it goes.

1 Like

I’ll check that out! Thanks very much! :grinning: