如何在“触摸”时禁用滚动嵌入 iframe？
我正在制作一个移动 HTML5 应用程序。我已经禁用了滚动（并在某些部分启用了它），一切都很好，但是当我通过 iFrame 嵌入 Youtube 视频时，问题就出现了。似乎当用户按下 iframe 时，整个页面都会滚动，我似乎无法找到解决此问题的方法。添加事件监听器不起作用。
I'm making a mobile HTML5 app. I've disabled scrolling (and enabled it on certain parts) and it's all good and well, but the problem starts when I embed a Youtube video through an iFrame. It seems that when a user presses an iframe, the whole page scrolls and I can't seem to find a way around this. Adding event listeners does not work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您确实无法控制 iframe 中发生的情况。
但是，如果您想聪明一点，可以将元素直接放在 iframe 上，例如 div 或透明画布或任何您想要的东西，这将捕获所有事件，以便用户根本无法按下 iframe。
这不是最理想的，这意味着用户无法按下 YouTube 视频上的按钮，但这可能是您唯一真正的选择。
You really can't control what happens in the iframe.
But if you want to be a little clever you can put elements directly over the iframe, like a div or transparent canvas or whatever you want, that will catch all of the events so that the user simply cannot press the iframe.
Not the most ideal, it means users cant press the buttons on the youtube video, but its probably your only real option.