lite-slider

A lightweight slider component for mobile frontend.

Demo

Demo

Usage

script

var $slider = document.getElementById('my-slider');
var slider = new Slider($slider, {
    init: 75,
    dir: 'v',
    onchanging: function (percent) {
        percent = Math.floor(percent * 100) / 100;
        console.log(`changing: ${percent}`);
    },
    onchanged: function (percent) {
        percent = Math.floor(percent * 100) / 100;
        console.log(`changed: ${percent}`);
    }
});

slider.progress = Math.random() * 100;

style patches

.slider-container {}
.slider-wrap {}
.slider-bar {}
.slider-dot {}

License

MIT