“触摸”嵌入式 iframe 时如何禁用滚动？

Posted 2023-03-05

【中文标题】“触摸”嵌入式 iframe 时如何禁用滚动？

【英文标题】：How can I disable scrolling when "touching" embedded iframe?

【发布时间】：2011-12-06 10:39:02

【问题描述】：

我正在制作一个移动 html5 应用程序。我禁用了滚动（并在某些部分启用了它），一切都很好，但是当我通过 iFrame 嵌入 Youtube 视频时问题就开始了。似乎当用户按下 iframe 时，整个页面都会滚动，我似乎找不到解决方法。添加事件监听器不起作用。

【参考方案1】：

你真的无法控制 iframe 中发生的事情。

但是，如果您想稍微聪明一点，您可以将元素直接放在 iframe 上，例如 div 或透明画布或任何您想要的，这将捕获所有事件，以便用户根本无法按下 iframe。

不是最理想的，这意味着用户无法按下 youtube 视频上的按钮，但这可能是您唯一真正的选择。