【问题标题】: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 并尝试向下翻页时,页面滚动不起作用。明白了吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-09-16
  • 1970-01-01
  • 1970-01-01
  • 2013-04-08
  • 1970-01-01
  • 1970-01-01
  • 2020-06-16
相关资源
最近更新 更多