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

Question

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

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

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

谢谢

Answer 1

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

面具可以像下面这样简单：

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

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

还有一个autostart=false参数，它会暂停模型直到你点击播放