πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

This makes elements draggable horizontally by touch.touchdragh: demotouchdragh with transition: demotouchdragh forever option: demotouchdraghfitty: demotouchdraghfitty with transition: demotouchdraghsteppy: demotouchdraghsteppy with transition: demotouchdraghsteppy refresh method: demotouchdraghsteppy forever option: demotouchdraghsteppy normalize_height option: demotouchdraghsteppy unsteppify: demotouchdraghsteppy unsteppify manually slide: demodragger option: demowith Media Queries using $.ViewportWatchertouchdraghsteppy media queries example: demotouchdraghsteppy media queries example2: demo

Drag_Drop Plugins Responsive

Documentation

jQuery.touchdragh

This makes elements draggable horizontally by touch.
Vertical version is here.

Usage

See demos.

Demos

  • touchdragh: demo
  • touchdragh with transition: demo
  • touchdragh forever option: demo
  • touchdraghfitty: demo
  • touchdraghfitty with transition: demo
  • touchdraghsteppy: demo
  • touchdraghsteppy with transition: demo
  • touchdraghsteppy refresh method: demo
  • touchdraghsteppy forever option: demo
  • touchdraghsteppy normalize_height option: demo
  • touchdraghsteppy unsteppify: demo
  • touchdraghsteppy unsteppify manually slide: demo
  • dragger option: demo

with Media Queries using $.ViewportWatcher

  • touchdraghsteppy media queries example: demo
  • touchdraghsteppy media queries example2: demo

Browsers

  • IE6+
  • iOS Safari
  • Android 4

Required

How to develop

git clone, then git submodule init, git submodule update.
Then, grunt to build or grunt watch to watch coffee file's change.

FAQ

Q: Does this library use transform, css transition and css animations?

A: If you loaded jquery.transit before this plugin, all animations will be done by transitions and transforms.

License

MIT

User at your own risk.

Special thanks

Hokaccha's flipsnap helps me so much. Thanks.


You May Also Like