On my website (Page called home), I have an ‘our work’ section with some CMS projects. Each project has two statistics that I’ve applied the counter.js script to. It works great.
However, I would like to take it a step further and hide the div called, floating-animated-stats-wrapper so they only appear for each project on hover. Ive done the animation setup with interactions however when I apply the interaction the counter.js stops working. Is there a way to get counter.js to work only when a div is in view?
At the moment all the numbers for all the projects start at the same time rather than when each project is in view.
Any help is greatly appreicated!
Here is the read only link to the site:
Here is my site Read-Only: LINK
(how to share your site Read-Only link)