Streaming live at 10am (PST)

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 https://www.youtube.com/watch?v=5y-LKeMe9C4&list=LLJBrltP4aYhQTUj05KiCEOQ&index=41&t=0s Let me know how it goes.

1 Like

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