Drag.Flick 0.1

Drag extension that adds momentum to the dragged object: after the object is released it decelerates instead of stopping immediately. This mimics the flick gesture of certain popular touch interfaces.

Thanks to Drag's versatile design, this can also be used to make elements scroll like butter.



Details

Author
Ben Lenarts
Current version
0.1
GitHub
benlenarts/Drag.Flick
Downloads
6963
Category
Interface
Tags
Report
GitHub Issues

Releases


Dependencies

  • _self_/_current_:
    • Fx.Push
    • more/1.2.4.2: Drag
    • core/1.2.4: [Fx, Element.Style]

How to use

Simply instantiate Drag.Flick where you would normally use Drag:

var myDrag = new Drag.Flick('anElement');

This extension inherits all the options and events from Drag and adds the following:

  • friction: controls how fast the object will decelerate after it's been released (default: 0.1)
  • bounce: controls how much the object will 'bounce' off the drag limits after it's been released (default: 0)
  • onMoveEnd: Executed when the dragged element comes to a full stop.

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.

blog comments powered by Disqus