ScrollTo 动画 react-spring
ScrollTo animation react-spring
根据标题,我想要实现的是通过使用 react-spring
动画平滑地滚动到某个元素。
Here 我复制了一个带有工作示例的代码片段(单击某个部分时会带您进入下一个部分);问题是这仅适用于 v6.0.0
.
以下的版本
正如您在 index.js
上注意到的那样,我添加了一个带有组件的注释行,该组件包含完全相同的逻辑但已转换为 v9.1.2
(不起作用)。
那么问题来了,我哪里转换错了?我可能遗漏了一些关于 v6
的重大更改,我尝试查看文档,但他们只提到了 v8
和 v9
的重大更改,所以我有点困惑我缺少什么?
任何具有有效解决方案的答案都非常好,不需要基于我的示例 - 非常感谢您!
版本 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
(在回答这个问题时是最新的)并且它有效:
根据标题,我想要实现的是通过使用 react-spring
动画平滑地滚动到某个元素。
Here 我复制了一个带有工作示例的代码片段(单击某个部分时会带您进入下一个部分);问题是这仅适用于 v6.0.0
.
正如您在 index.js
上注意到的那样,我添加了一个带有组件的注释行,该组件包含完全相同的逻辑但已转换为 v9.1.2
(不起作用)。
那么问题来了,我哪里转换错了?我可能遗漏了一些关于 v6
的重大更改,我尝试查看文档,但他们只提到了 v8
和 v9
的重大更改,所以我有点困惑我缺少什么?
任何具有有效解决方案的答案都非常好,不需要基于我的示例 - 非常感谢您!
版本 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
(在回答这个问题时是最新的)并且它有效: