MASANORI IWATA

Project manager / Front end engineer

rangeSlider.js

Fork me on GitHub

Features

  • Simple and fast
  • Supports touch devices
  • Responsive designs
  • Use Babel
  • No jQuery

Options

List including all options.

sliderId

Type: String
Default: 'range-slider'

handleId

Type: String
Default: 'range-slider__handle'

barId

Type: String
Default: 'range-slider__bar'

startPosition

Type: Number
Default: 0

scaleDimension

Type: Number
Default: 1

handleDefaultPos

Type: Number
Default: -7

onDrag

Type: Function
Default: null

onDragging

Type: Function
Default: null

onDragged

Type: Function
Default: null

onChanged

Type: Function
Default: null

onRefreshed

Type: Function
Default: null

onInitialized

Type: Function
Default: null

Events

Confirm the operation of the callback function.

onDrag: on
onDragging: on
onDragged: on
onChanged: on
onRefreshed: on
onInitialized: on

Example

As a weather slider.

03:00
09:00
15:00
21:00

License

© 2016 - 2017 MASANORI IWATA

Released under the MIT license
http://opensource.org/licenses/mit-license.php

See also