codrops / elastistack

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

Elastic Stack - Elastic dragging interaction

ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one. It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.

Article on Codrops

Demo

Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell "as-is".

Read more here: License

© Codrops 2013

elastistack's Issues

autoslide

how to make it autoslide ?

You can determine the direction of sliding?

Links not working inside <li>

I'm looking for help as I'm stuck with links not working on mobile device (Safari, iPhone at least).

I'm looking to add links inside each cards ( < a > inside each li element).
It seems to work on a computer, but not on a mobile device. The link is shown, you can tap it (click) but it doesn't send you to the destination, it's like it's not working.

I guess it's from the CSS animation or maybe modernizr but I'm really not an expert and I need your help !

Here is a link to the pen : https://codepen.io/imromain/pen/gwdRzo

Need condition based swipe

Hi ,
I need condition based swipe, for example if i configured left side swipe, then its should disabled remaining three sides, or if i configured two side swipe like left and right side, then its should disabled remaining, please help me

Advance Thanks

How can I get links to work inside a <li>?

More instances; more than one stack

Hi,

Great work! I was wondering if it is possible to have more than one stack per page.

Thanks,

Pablo

Horizontal Swipe Only

Hi All, can you help me to set axis the swipe action to horizontal only in elasticstack js ? I want disabled vertical swipe on this plugin, Thanks