iframe ios的滚动问题

我正在使用嵌入视频（vimeo和youtube）制作网页。我在手机上遇到了一个问题：当我尝试向下滚动时，如果手指在iframe上，页面就不会滚动。您必须将手指放在iframe周围以允许页面滚动

有什么办法解决这个问题吗

希望这是足够清楚，很抱歉不能给你发送的网页，它是一个密码保护的服务器

提前谢谢,，

---

Alex

在Mobile Safari上，将iFrame包装在容器div中。从容器中可以控制滚动。您还必须向iframe添加一个类或id来控制其属性。设置溢出和webkit溢出。然而，MobileSafari中的iFrame是出了名的buggy，您可能需要点击几次才能使其正常工作。这是一个例子：

<style>
    #page_container {
        max-height: 100%;
        max-width: 100%;
        background: #ffd800;
        padding: 1em;
        position: relative;

    }

    #iframe_container {
        height: 800px;
        width: 70%;
        overflow: scroll;
        -webkit-overflow-scrolling:touch;
        position: absolute;
    }

    #iframe {
        height: 100%;
        width: 100%;
    }

</style>

<div id="page_container">
    <div id="iframe_container">
        <iframe id="iframe" src="www.google.com"></iframe>
    </div>
</div>

#分页容器{
最大高度：100%；
最大宽度：100%；
背景：#ffd800；
填充：1em；
位置：相对位置；
}
#IFU容器{
高度：800px；
宽度：70%；
溢出：滚动；
-webkit溢出滚动：触摸；
位置：绝对位置；
}
#iframe{
身高：100%；
宽度：100%；
}

这与web开发或iOS开发有关吗（这是您试图在iPhone上运行的网站还是您制作的应用程序）？嘿，谢谢您的回复，我刚刚更改了标签。这是一个移动网页，问题在iOs Safari上