ScrollTo 动画 react-spring

ScrollTo animation react-spring

根据标题,我想要实现的是通过使用 react-spring 动画平滑地滚动到某个元素。

Here 我复制了一个带有工作示例的代码片段(单击某个部分时会带您进入下一个部分);问题是这仅适用于 v6.0.0.

以下的版本

正如您在 index.js 上注意到的那样,我添加了一个带有组件的注释行,该组件包含完全相同的逻辑但已转换为 v9.1.2(不起作用)。

那么问题来了,我哪里转换错了?我可能遗漏了一些关于 v6 的重大更改,我尝试查看文档,但他们只提到了 v8v9 的重大更改,所以我有点困惑我缺少什么?

任何具有有效解决方案的答案都非常好,不需要基于我的示例 - 非常感谢您!

版本 9.1.2 似乎有一些错误可能会导致此问题。我找到了 an issue which also states the same problems. (Also, the original issue that found this)

因此,根据他们的 releases,版本 9.2.0 或更高版本将解决此问题。我在问题中提供的沙箱中尝试了9.2.1(在回答这个问题时是最新的)并且它有效:

Forked Sandbox (working)