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

Question

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

Answer 1

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

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

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