如何在 ionic 3 中禁用 iframe 的滚动

Posted

技术标签:

【中文标题】如何在 ionic 3 中禁用 iframe 的滚动【英文标题】:How to disable scroll of iframe in ionic 3 【发布时间】:2020-10-23 19:50:23 【问题描述】:

我正在使用Ionic Framework v3 开发混合电子商务应用程序。我在我的应用程序中使用第三方网址设置了 iframe。它工作正常,但我想禁用 iframe 内的滚动。我已经尝试了很多事情,比如

    scrolling="no" 设置在 iframe 内 iframe overflow: hidden 设置css $("iframe").contents().find("#body").addClass("iframeclass") 我也用过 jQuery 但没有运气。

当我在 iframe > html > Body 标记中设置overflow: hidden 时,我可以从浏览器手动禁用它,但不知道如何使用代码。

这是我的代码,请检查并建议我正确的方法。

 <iframe class="iframPlace" [src]="sanitizer.bypassSecurityTrustResourceUrl(browselink)" scrolling="no"></iframe>

谢谢。

【问题讨论】:

【参考方案1】:

如果为 iframe 设置宽度和高度,大于源,则隐藏滚动,否则 iframe 具有滚动,因为 HTML iframe 用于在网页中显示完整的网页,并且无法禁用滚动。

【讨论】:

以上是关于如何在 ionic 3 中禁用 iframe 的滚动的主要内容,如果未能解决你的问题,请参考以下文章

如何在 ios 模拟器中禁用 ip https 验证?

ionic 3.2 - 如何禁用离子含量的滚动?

如何在某些页面上禁用 Sidemenu Ionic 2

Ionic 3-根据屏幕尺寸更改iframe内容大小

如何禁用点击但仍允许在 iframe 中滚动?

最新动态:开源项目 ionic3-awesome — 实现iframe嵌入外部网页