在 Youtube iframe 上滚动禁用

Posted 2023-05-09

【中文标题】在 Youtube iframe 上滚动禁用

【英文标题】：Scrolling Disable over a Youtube Iframe

【发布时间】：2018-03-07 12:03:27

【问题描述】：

我正在开发我的个人网站。 我的网站包含一个 youtube iframe。当鼠标悬停在它上面时，文档停止滚动。即使鼠标悬停在 youtube 视频上，我也希望主文档继续滚动。

<div class="video-container"><iframe   style="margin-top: 10px" src="https://www.youtube.com/embed/fL3QKagSn1s#t=0m00s" scrolling="no" frameborder="0" allowfullscreen/></iframe></div>
            </div>

enter link description here

【问题讨论】：

有同样的问题并解决了Vimeo iFrame Stealing Mouse Wheel Event on Firefox

Vimeo iFrame Stealing Mouse Wheel Event on Firefox的可能重复

【参考方案1】：

尝试将其包装到一个 div 中并设置该 div 的 z-index:10 或其他东西，这样这将导致鼠标悬停到 iframe 而不是 div。

【讨论】：

我检查了您的页面，这将无法正常工作。你需要做的是，当鼠标悬停在 iframe 上时触发一个 JS 函数，并计算向下或向上滚动了多少，然后将它与页面的当前高度相加。