Norwegian digital agency ‘Innoventi’ have combined their client Christmas eCard with their annual report. Cheers for the build notes, interesting challenges.
We started out using countup.js in combination with fullPage.js to make the numbers count when entering the viewport. But to make it work properly on smart phones, we ended up just using fullPage to force the sections to viewport height. The initial value of each number turned out to be quite important. This will briefly display when the number enters the viewport. countUp.js starts at 0. For a low number, like 4, you need to start at 0, not 1. Else, you will see it count 1-0-1-2-3-4.