@react three/drei Html元素没有在滚动事件中冒泡



我的react三纤维项目中有一个<Html><svg /></Html>元素。此元素与摄影机一起分组,以保持元素在摄影机前面。当鼠标指针在这个元素上滚动时,我不为ScrollControl工作,也不滚动。有没有办法在背景上滚动?

这是因为您的HTML元素不在画布中。您可以执行以下操作。添加道具"fullpage"one_answers"zIndexRange={[-100,-2]}">

例如:<Html fullscreen zIndexRange={[-100, -2]}>

然后你可以使用滚动

我在discussion threejs上看到了答案,但我现在找不到,这是这里的人的解决方案。

function App() {
const html = useCallback((element) => {
if (element) element.parentElement.style.pointerEvents = 'none';
}, []);
return (
<Html ref={html} as="div" >
Hello World
</Html>
)
}

相关内容

  • 没有找到相关文章

最新更新