首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当我在离子内容中使用iframe时,离子内容卷轴无法工作。

当我在离子内容中使用iframe时,离子内容卷轴无法工作。
EN

Stack Overflow用户
提问于 2015-01-27 15:56:05
回答 4查看 40.8K关注 0票数 7
代码语言:javascript
运行
复制
<ion-view view-title="title">
  <ion-content scroll="true">
    <iframe src="{{link}}"></iframe>
  </ion-content>
</ion-view>

看看上面的代码。

正如标题所述,当我在离子内容中使用iframe时,卷轴不起作用。

如何解决这个问题。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2015-02-09 09:32:09

这是ios上的一个bug。我已经解决了这个问题。请参阅以下内容

Iframe scrolling iOS 8

票数 3
EN

Stack Overflow用户

发布于 2015-04-24 06:42:26

使用溢出滚动启用滚动。

代码语言:javascript
运行
复制
<ion-view view-title="title">
    <ion-content overflow-scroll="true">
         <iframe src="{{link}}"></iframe>
    </ion-content>
</ion-view>
票数 16
EN

Stack Overflow用户

发布于 2019-03-18 12:20:16

将以下css添加到iframe的父div

代码语言:javascript
运行
复制
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;

Exmaple:

HTML

代码语言:javascript
运行
复制
<ion-content class="iframe-fix">
  <iframe [src]="pageUrl" frameborder="0"></iframe>
</ion-content>

SCSS

代码语言:javascript
运行
复制
.platform-ios{
    .iframe-fix{
      -webkit-overflow-scrolling: touch !important;
      overflow: scroll !important;
    }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28174609

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档