DragBand
UI library to create a draggable list bar
- Native javascript
- Responsive
- Supports swiping
Usage
// create a dragBar with itemindex 11 selected by defaultvar myDragBand = dragBand; // select no itemmyDragBand; // select item with index 2myDragBand; // create object with default options and no scrollbuttonsvar simpleDragBand = dragBand;
Options
Configure the third parameter of init
method as an object with the following properties:
Property | Type | Description | default |
---|---|---|---|
leftScroller |
Object | element representing left scrollbutton | null |
rightscroller |
Object | element representing right scrollbutton | null |
scrollstep |
number | px to scroll when using wheel/scrollbutton | 50 |
elasticWidth |
number | elasticity beyond left/right edges in px | 100 |
hideScrollerMargin |
number | hidden buttons when with margin from edge | 20 |
Example
Check https://codepen.io/anon/pen/vzaaoL for an example.