我正在尝试创建一个滚动框,parallax但由于某些原因它不会与Canvas元素绑定,即使我将两者都包含在同一个<div>.
在此屏幕截图中,您可以看到 div1 和 div2,其中每个都有自己的滚动功能...

而且即使在同一个div下,依然摆脱不了双滚动。有任何想法吗?

或者react-spring 视差不兼容,react-three-fiber这就是为什么有一个库react-three-flex?
这是代码和框
我正在尝试创建一个滚动框,parallax但由于某些原因它不会与Canvas元素绑定,即使我将两者都包含在同一个<div>.
在此屏幕截图中,您可以看到 div1 和 div2,其中每个都有自己的滚动功能...

而且即使在同一个div下,依然摆脱不了双滚动。有任何想法吗?

或者react-spring 视差不兼容,react-three-fiber这就是为什么有一个库react-three-flex?
这是代码和框
您可以像这样将画布作为新的画布移动到视差容器中ParallaxLayer– https://codesandbox.io/s/sad-dewdney-r0c0u?file=/components/Parallax.js