Odometer on scroll position (JS Code help needed)

Design help Custom code
1

Hello,

I’ve recently added this element to my site:

image
image1099×907 138 KB

The JS is working fine, but on page load and delayed by x seconds. I’m trying to figure out how to start the JS when the element is on screen or scrolled to, rather than on page load.

Current Setup
image

HTML

image
image996×653 36.9 KB

Any ideas?, help would be appriciated.

Thank you

2

Hi, this topic has been discussed here: Javascript Number Counter
However, not sure if it will be easy to recreate the odometer appearance.

Cheers!

3

Thanks @ColibriMedia, I’ve got the odometer to work fine, it’s just the starting on scroll that I am stuck on.

4

You mean “Start on scroll” actually or “Start when it’s in view”?

5

Start when it’s in view - please