ScrollTo animation react-spring

Question

As per title, all I'm trying to achieve is to scroll to some element smoothly by using react-spring animations.

Here I reproduced a snippet with a working example (which when clicking on a section brings you to the following one); Problem is this works only on versions below v6.0.0.

As you can notice on index.js, I added a commented line with a component which contains the exact same logic but converted to v9.1.2 (which doesn't work).

So question is, what part did I convert wrongly? I am probably missing some bits from breaking changes on v6 and I tried looking into the documentation, but they reference to breaking changes for v8 and v9 only, so I'm a bit confused on what I'm missing?

Any answer with a working solution it's perfectly fine, doesn't need to be based on my example - big thank you in advance!

tanmay · Accepted Answer · 2021-05-30 11:15:32Z

1

+50

The version 9.1.2 seems to have some bugs which might be causing this. I found an issue which also states the same problems. (Also, the original issue that found this)

So, according to their releases, version 9.2.0 or upwards would have this issue fixed. I tried 9.2.1 (latest at the time of this answer) in the sandbox provided in the question and it works:

Forked Sandbox (working)

answered May 30, 2021 at 11:15

tanmay

7,9112 gold badges24 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ScrollTo animation react-spring

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related