jQuery Plugin For Counting Up Number While Scrolling - numscroller

jQuery Plugin For Counting Up Number While Scrolling - numscroller
File Size: 39.9 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

numscroller is a small JQuery counter plugin used to count up towards a specified number when the number is scrolled into view.

See also:

Basic Usage:

1. Load jQuery library and the jQuery numscroller plugin in the document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="numscroller-1.0.js"></script>

2. Wrap the number you wish to count up from (e.g. zero) into an inline element and specify the target number using the data-max attribute.

<div class="numscroller" data-max="1024">0</div>

3. Done. The plugin will be auto initialized when the page loads. You can pass all the parameters via Html5 data-OPTION attributes as shown below.

// Start number
data-min: 0

// End number
data-max: 1000	

// Increment by value for each rolling
data-increment: 1

// Total seconds to complete the number increment rolling
data-delay: 3

This awesome jQuery plugin is developed by tinywall. For more Advanced Usages, please check the demo page or visit the official website.