jquery - 动态显示更改 iframe 滚动

Question

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

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

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

Answer 1

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

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

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