Html 带有反应弹簧视差的双涡卷；三纤维帆布`

我试图创建一个带有

视差的滚动框

，但由于某些原因，它不会与

画布

元素绑定，即使我将两者都包含在同一

下

在这个屏幕截图中，您可以看到div1和div2，其中每个都有自己的滚动功能。。。

在另一个地方审判

即使在同一个div下，仍然无法摆脱双卷轴。有什么想法吗？

或者

react-spring

视差与

react-three-fiber

不兼容，这就是为什么有一个库

react-three-flex

---

这是一个

你可以将画布作为一个新的

视差层

移动到视差容器中，就像这样–

我建议放一支代码笔，这样人们就可以查看代码了。@Josh试图创建一个代码盒，但出现了一个错误。。。您没有将react dom作为依赖项添加，这显然是在terminal@Josh我认为next.js的边界就像一个依赖项。。。非常感谢，我会尽力让你一直呆到你能看到

sccrooling

effect-issue的状态updated@Josh在这里，您可以看到滚动效果（问题），您的代码沙盒解决了主要的滚动问题，但正如我们所讨论的那样，视差在组合使用时并不像我所说的那样（太滞后）。谢谢