Sticky elemets on scroll

Design help General
#21

What if i have more than one sticky element on a page, i want to unstick one, and stick another element. Please help, friends

#22

Hi @cyberdave, just like Sergey above, Iā€™m looking to implement multiple sticky elements on a single page.

This is how it should work:
1. You scroll a little bit and the first dog shows up and sticks, the background keeps scrolling a bit and then, the dog should scroll up as wellā€¦
2. A second dog shows up, sticks and repeats the same behaviour.

Home_Transicion.gif2390Ɨ1536 2.18 MB

I found this jquery script that does exactly that:
http://leafo.net/sticky-kit/ (take a look a #2 example ā€œMany Sticky Itemsā€)

However, I have no idea how to actually implement this.
Could anyone shed some light on this?

Thanks!

1 Like
#23

Hi everyone! I may have figured out an answer with no custom code. Hereā€™s a link to the solution. Iā€™m happy to explain how it works if anyone is interested.

#24

Excellent @DuncanHamra

Iā€™m interested! Can you explain please? :slightly_smiling_face:

#25

@DuncanHamra Could you please republish the ā€œsolutionā€ link from above? Iā€™m really interested in seeing how you were successful with this implementation.

Thanks!

#26