![](/img/trans.png)
[英]In ion-content change the source of video tag via javascript is not working
[英]when I use iframe in ion-content, the ion-content scroll is not working
<ion-view view-title="title">
<ion-content scroll="true">
<iframe src="{{link}}"></iframe>
</ion-content>
</ion-view>
看看上面的代码。
正如标题所说,当我在离子内容中使用 iframe 时,滚动不起作用。
如何解决这个问题呢。
使用 overflow-scroll 启用滚动
<ion-view view-title="title">
<ion-content overflow-scroll="true">
<iframe src="{{link}}"></iframe>
</ion-content>
</ion-view>
这是ios的一个bug。 我已经解决了这个问题。 参考以下
将以下css添加到iframe的父div
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
例子:
HTML
<ion-content class="iframe-fix">
<iframe [src]="pageUrl" frameborder="0"></iframe>
</ion-content>
社会保障局
.platform-ios{
.iframe-fix{
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
}
}
<ion-view title="sample page">
<ion-content>
<iframe src="http://www.w3schools.com">
<p>Your browser does not support iframes.</p>
</iframe>
</ion-content>
<ion-view>
它将工作滚动选项默认为true。无需专门添加
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.