iFrame 滚动在 iOS 设备上不起作用答案

【问题标题】：iFrame scrolling not working on iOS devicesiFrame 滚动在 iOS 设备上不起作用
【发布时间】：2017-12-26 00:06:06
【问题描述】：

由于 iFrame，我的响应式网站有一个 issue of scrolling。

# Problem

> Open site in iPhone in any browser
> list of images and video display
> Try to scroll down then it's work while images but when video then scrolling not worked because of video display in iFrame and iOS device not allow to scroll on `iFrame`.

iOS 设备是否有任何 CSS 技巧或任何特殊问题？

我是not work in iPhone / iPad.

NOTE: I do not want to scroll into iFrame but page scroll not working when touch on iFrame and try to page down. Got it?

如果有人解决这个问题或任何技巧，请告诉我。

谢谢

【问题讨论】：

你解决了这个问题吗？我遇到了同样的问题。谢谢

标签： ios css iframe

【解决方案1】：

试试，

.iframe-container {
    overflow:scroll !important; -webkit-overflow-scrolling:touch !important;
}

【讨论】：

iframe-container 类未创建。应该加吗？
添加你的班级。
这个类应该添加到iFrame的父div中吗？正确的？喜欢...
我不想滚动到 iFrame，但是当触摸 iFrame 并尝试向下翻页时，页面滚动不起作用。明白了吗？

【解决方案2】：

尝试将其添加到 iframe 容器中：

-webkit-overflow-scrolling: touch;

【讨论】：

我不想滚动到 iFrame，但是当触摸 iFrame 并尝试向下翻页时，页面滚动不起作用。明白了吗？