在 Youtube iframe 上滚动禁用

Question

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

<div class="video-container"><iframe width="950" height="480" 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

Answer 1

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