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

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

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

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

---

感谢

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

面具可以简单到

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

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

---

还有archilogic模型的url参数

autostart=false

，它会暂停模型，直到您点击play

，恐怕这种方法并不能真正解决所描述的问题。一旦archilogic模型“运行”，您仍然可以（在越来越多的设备上，尤其是那些运行iOS的设备上）被“卡住”在里面。在这些情况下，无法访问父窗口的滚动条，以便通过交互式内容移动到嵌入的页面的其余部分。请注意，Matterport Embeddes也存在同样的问题，但通过其“wh=0”参数已完全解决。它们对功能的描述如下：忽略鼠标的滚轮输入。滚轮输入将导致整个网页上下移动。此参数仅在空间嵌入iframe时有效。手指交叉，阿里奇奥奇将考虑一个类似的选择。你完全正确，这不是一个伟大的解决方案有几个原因。我不确定url参数的状态，但Archilogic正在对其前端进行开源。。。所以像这样的修改很快就有可能了，本杰明……对于Archilogic来说，关于将其转换为开源前端的时间表有什么想法吗？这是在不久的将来，因为已经有了一个正常运行的beta版。这里是观看的空间：。