Swipe/Slide/Scroll events library

The purpose of the swipe3d is provide an advanced events handling. Samples source code.

Swipe3d provides following components:

• Swipable Screen Component
• Swipe events handling
• Swipable Slide Component
• Swipable ScrollComponent

Installation

npm install swipe3d

Screen demo

Live demo

Usage

import {Screen, DIR} from 'swipe3d'

let mainScreen = new Screen(DOMElement, options)

options :

• threshold int default 120
• restraint int default 300
• direction DIR default DIR.HORIZONTAL
• mouse bool default true
• mouseDelta int default 0
• callback function run callback with number of screen as argument

Slide demo

Live demo

Usage

import {Slide, DIR, ACTION} from 'swipe3d'

let notificationArea = new Slide(DOMElement, options)

options :

• threshold int default 150
• restraint int default 100
• direction DIR default DIR.BOTTOM
• callback function run callback with ACTION as argument

Scroll demo

Live demo

Usage

import {Screen, DIR} from 'swipe3d'

let mainScreen = new Screen(DOMElement, options)

options :

• threshold int default 150
• restraint int default 300
• direction DIR default DIR.HORIZONTAL
• mouse bool default true
• mouseDelta int default 50

Swipe

Usage

import {Swipe, DIR} from 'swipe3d'

let swipable = new Swipe(DOMElement, options)

options :

• threshold int default 80
• restraint int default 100
• swipeTime int default 100
• callback function run callback with DIR direction as argument

License

MIT (c) 2016 Svetlana Linuxenko