jQuery Plugin For Counting Up Number While Scrolling - numscroller

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

See also:

• Animating Numbers Counting Up with jQuery Counter-Up Plugin

Basic Usage:

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

<script src="/path/to/cdn/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

Changelog:

2020-09-01

• JS Update

---

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