tinywall / numscroller Goto Github PK
View Code? Open in Web Editor NEWNumScroller - jQuery plugin for number incremental roller while scrolling
Home Page: http://demo.tinywall.net/numscroller/
NumScroller - jQuery plugin for number incremental roller while scrolling
Home Page: http://demo.tinywall.net/numscroller/
hiya! great plugin!!! it was working great for me until at some point it stopped working on scroll. it triggers on page load.
is there anything that needs to be set for containers or html/body elements?
i'd appreciate any kind of information that helps me understand what can be interfering.
to make the animate on scroll to viewport work correctly? thanks!!!
Steps to reproduce ;
Expected Result
Actual Result
numscroller-1.0.js:46 Uncaught TypeError: Cannot read property 'top' of undefined
at HTMLSpanElement. (numscroller-1.0.js:46)
at Function.each (jquery.min.js:2)
at w.fn.init.each (jquery.min.js:2)
at w.fn.init.$.fn.scrollzip (numscroller-1.0.js:41)
at numscroller-1.0.js:15
at dispatch (jquery.min.js:2)
at y.handle (jquery.min.js:2)
(anonymous) @ numscroller-1.0.js:46
each @ jquery.min.js:2
each @ jquery.min.js:2
$.fn.scrollzip @ numscroller-1.0.js:41
(anonymous) @ numscroller-1.0.js:15
dispatch @ jquery.min.js:2
y.handle @ jquery.min.js:2
Title. I am trying to show a percentage growing up, from 0% to 60% but I can't grasp my head around how to make it work :S
Hello. We're using this script to display large numbers (billions, millions, etc). There doesn't seem to be an easy way to display commas in the number during/after the animation. Is this possible?
counter values increment timing is not equal. please add the formula to equal incrementing.
I know its a jquery plugin , still i have some confusion whether its possible or not.
I have an angular4 component when the page loads it shows the total visitors count increasing on the page .
How to communicate dynamic pass inside numscroller.
app.component.ts
import { Component ,OnInit} from '@angular/core';
declare var $:any;
@component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
totalvisitors = 1000; // dynamic value
dayvisitors = 10; // dynamic value
}
app.component.html working fine with static value data-max ="1000"
<span class='numscroller' data-min='1' data-max="1000" data-delay='5' data-increment='10'>1000</span>
when using dynamic passing
<span class='numscroller' data-min='1' data-max="totalvisitors" data-delay='5' data-increment='10'>1000</span>
<span class='numscroller' data-min='1' data-max=" dayvisitors" data-delay='5' data-increment='10'>1000</span>
Getting Error and Is it possible to use numscroller.js inside ng4 component dynamic value passing.
Hi, thanks for this cool plugin. Is it possible to integrate some easing so that numbers counting up slower at the end?
cheers Florian
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.