Mobile-friendly Number Picker – A rolling number selector for elegant, mobile-friendly, number selection UI in vanilla javascript. number-swiper is a mobile-first and touch-enabled quantity picker element that allows the consumer to pick numbers with contact swipe events.
How to make use of it:
1. Insert the stylesheet number-swiper.css and JavaScript number-swiper.js into the HTML web page.
2. Build the HTML for the quantity picker.
- 0
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 0
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 0
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0
3. Create a hidden enter subject to retailer the chosen value.
4. Initialize the quantity picker and accomplished it.
var numbers = new NumberSwiper('myNumberSwiper');
Mobile-friendly Number Picker Component, Most Modern Mobile Touch Slider
See Demo And Download
Official Website(GitFr33): Click Here
This superior jQuery/javascript plugin is developed by GitFr33. For extra Advanced Usages, please go to the official website.
Be First to Comment