当我在离子内容中使用iframe时，离子内容卷轴无法工作。
当我在离子内容中使用iframe时，离子内容卷轴无法工作。
提问于 2015-01-27 15:56:05
<ion-view view-title="title">
<ion-content scroll="true">
<iframe src="{{link}}"></iframe>
</ion-content>
</ion-view>看看上面的代码。
正如标题所述，当我在离子内容中使用iframe时，卷轴不起作用。
如何解决这个问题。
回答 4
Stack Overflow用户
回答已采纳
发布于 2015-02-09 09:32:09
这是ios上的一个bug。我已经解决了这个问题。请参阅以下内容
Stack Overflow用户
发布于 2015-04-24 06:42:26
使用溢出滚动启用滚动。
<ion-view view-title="title">
<ion-content overflow-scroll="true">
<iframe src="{{link}}"></iframe>
</ion-content>
</ion-view>Stack Overflow用户
发布于 2019-03-18 12:20:16
将以下css添加到iframe的父div
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;Exmaple:
HTML
<ion-content class="iframe-fix">
<iframe [src]="pageUrl" frameborder="0"></iframe>
</ion-content>SCSS
.platform-ios{
.iframe-fix{
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28174609
复制相关文章
相似问题
腾讯云开发者
