iframe - 如何在 Iframe 中禁用鼠标滚轮滚动交互

Question

我是一名开发人员，致力于将 Archilogic 内容(目前仅嵌入 Iframe)集成到我的 WordPress 插件中。

我们以窗口的全宽显示内容，但可以在下面补充其他内容。当浏览器窗口的位置使得交互式内容填满整个视口(viewport)时，这种全角呈现方法有时会给用户带来问题。在这种情况下，他们不可能滚动/向下滑动页面，越过“运行”模型。

是否可以(通过 URL 参数)禁用特定嵌入上的“鼠标滚轮”交互？

谢谢

Answer 1

实现此目的的一种方法是在 iframe 顶部放置一个透明叠加层，并且当用户主动尝试与 iframe 交互(例如通过单击)时，只有这样您才允许鼠标事件通过 iframe .

面具可以很简单

<div onclick="style.pointerEvents='none'"></div>

它将阻止鼠标滚轮事件，直到它被单击。

还有用于归档模型的 url 参数 autostart=false这会暂停模型，直到您点击播放