Coder Social home page Coder Social logo

numscroller's People

Contributors

arunmdavid avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

numscroller's Issues

it was working perfectly but it stopped animating on viewport

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!!!

Cannot read property 'top' of undefined

Steps to reproduce ;

  1. When the page is not fully loaded scroll down

Expected Result

  1. No error is thrown

Actual Result

  1. bunch of error that said :

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

Is it possible to add a %?

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

No commas, how to add?

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?

increment timing

counter values increment timing is not equal. please add the formula to equal incrementing.

is it possible to pass dynamic value by using angular 4 app.

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.

Easing?

Hi, thanks for this cool plugin. Is it possible to integrate some easing so that numbers counting up slower at the end?

cheers Florian

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.