css - 我通过 iframe 标签使用了一些 youtube 视频，但问题是当鼠标光标位于 iframe 页面上时，它不会上下滚动

Question

这是我的 html 代码，当光标在 iframe 上时，当我点击它播放视频时，当我滚动父页面滚动时，我想做什么

<section class="section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title text-center">
                    <h2>How We Work</h2>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="">
                    <iframe width=560 height=315 src="https://www.youtube.com/embed/wYHA_qStcqE?rel=0&controls=0&showinfo=0" frameborder=0  allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="content">
                   <iframe width=560 height=315 src="https://www.youtube.com/embed/sy41imOrHbg?rel=0&controls=0&showinfo=0" frameborder=0 allowfullscreen></iframe>

                </div>
            </div>
        </div>
    </div>
</section>

Answer 1

您可以添加此属性“滚动”。

<section class="section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title text-center">
                    <h2>How We Work</h2>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="">
                    <iframe scrolling="yes" width=560 height=315 src="https://www.youtube.com/embed/wYHA_qStcqE?rel=0&controls=0&showinfo=0" frameborder=0  allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-lg-5">
                <div class="content">
                   <iframe scrolling="yes" width=560 height=315 src="https://www.youtube.com/embed/sy41imOrHbg?rel=0&controls=0&showinfo=0" frameborder=0 allowfullscreen></iframe>

                </div>
            </div>
        </div>
    </div>
</section>