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 } ); }); });
yairEO commented
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