enableScrollSpy wrong behaviour

[Mbensler]

When using enableScrollSpy my countup instantly goes to 0 when i start scrolling even just an inch. It does not start moving again when leaving and entering the view.

I have used the provided examples in the README.

Expected behaviour:

• I want it to start counting from 0 every time it enters the viewport.

[mmarkelov]

@Mbensler could you please provide a small representation, if it's possible?

[enix79]

+1, same here.

Interesting, in this codesandbox it works: https://codesandbox.io/s/bold-mopsa-nn8dkm

I made a gif to show the behaviour in my app: https://gifyu.com/image/SKp0N

[jlarteagap]

for me enableScrollSpy={true} goes to 0 when i start scrolling. But it's different, just with enableScrollSpy

[mmarkelov]

I'm not quite sure, but it can be related to countup library, cause react-countup did nothing about this scroll spy, so could someone try to check it with countup?

[hamzapaskingakhtar1999]

I'm not sure what's wrong since it works fine on Sandbox. Is it possible that since it is a component. Once the page renders. It also activates it? Rather than waiting for the viewpoint to reach it?

[hamzapaskingakhtar1999]

Found a solution to this from someone on StackOverflow.

import VisibilitySensor from 'react-visibility-sensor'; /* Install this dependency */

<CountUp end={100} redraw={true}> {({ countUpRef, start }) => ( <VisibilitySensor onChange={start} delayedCall> <span ref={countUpRef} /> </VisibilitySensor> )} </CountUp>