动态显示更改 iframe 滚动

【问题标题】：Dynamically show change iframe scrolling动态显示更改 iframe 滚动
【发布时间】：2016-06-12 10:22:37
【问题描述】：

我有一个IFrame，我设置scrolling=no 用于从iframe 中删除滚动条。但在一种情况下，我需要动态显示同一 iframe 的滚动条。我可以使用 jquery 的 attr 方法设置滚动属性。但它不会对 iframe 进行任何更改，一旦我通过代码重新加载 iframe

$("#sample").attr('scrolling','yes')
document.getElementById("sample").contentDocument.location.reload();

然后滚动条将出现并正常工作。但是是否可以在不重新加载 iframe 的情况下动态显示/隐藏 ifrmae 滚动条。

【问题讨论】：

【解决方案1】：

我刚刚在 Firefox 44.0.2 中对此进行了测试，它可以按照您描述的方式正常工作，而无需重新加载页面。

可能是您的浏览器不再支持滚动属性，因为它不是 HTML5 的一部分。相反，您可以尝试使用 CSS 并在 iframe 上将溢出设置为隐藏。

如果跨浏览器兼容性对您的应用程序很重要，您应该考虑同时使用这两种方法。

【讨论】：