我的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>
)
}