yairEO/stickyfloat

Multiple sticky elements

ckdt opened this issue · 1 comments

ckdt commented

Hi there, I was wondering how and if it would be possible to have multiple stickyfloat elements that follow each other up.

For instance, i have multiple articles with big images in them, i want to have the description stuck until you reach the next article. Currently all the stickyfloat elements start being sticky when the first one is... Here is the demo http://ckdt.net/code/

I used this code
$(function() { $( ".post header" ).each(function() { $(this).stickyfloat( { duration: 400 } ); }); });

you can use it with a 0 value for duration, the apply a css for each floating element, with a transition and a different transition-delay for every element, so they will look like they are moving one after the other