文章/答案/技术大牛

发布

社区首页 >问答首页 >@react 3/drei Html元素没有冒泡滚动事件

问@react 3/drei Html元素没有冒泡滚动事件
EN

Stack Overflow用户

提问于 2022-08-10 11:21:26

回答 2查看 259关注 0票数 0

我有一个<Html><svg /></Html>元素在我的反应-三纤维项目。此元素与摄像机一起分组，以使元素保持在摄像机前面。当鼠标指针在此元素上滚动时，我不为ScrollControl工作，也不滚动。有办法在背景上继续滚动吗？

react-three-fiber

react-three-drei

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-11-09 08:19:44

这是因为HTML元素不在画布中。你可以做下面的事。添加道具“满页”和“zIndexRange={-100，-2}”

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

然后你可以使用你的滚动

票数 1

Stack Overflow用户

发布于 2022-08-29 09:13:40

我在演讲中看到了答案，但我现在找不到答案，这里是给人们的解决方案。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73305397

复制

相似问题

问@react 3/drei Html元素没有冒泡滚动事件
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问@react 3/drei Html元素没有冒泡滚动事件EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问@react 3/drei Html元素没有冒泡滚动事件
EN