动态显示更改iframe滚动

时间:2016-02-29 11:37:07

标签: jquery css html5 iframe scroll

我有一个IFrame,我设置scrolling=no以从iframe中删除滚动条。但在一种情况下,我需要动态显示相同iframe的滚动条。我可以使用jquery的attr方法设置滚动属性。但是,一旦我通过代码

重新加载iframe,它就不会对iframe进行任何更改
$("#sample").attr('scrolling','yes')
document.getElementById("sample").contentDocument.location.reload();

然后滚动条将出现并正常工作。但有没有可能动态显示/隐藏ifrmae滚动条而无需重新加载iframe。

1 个答案:

答案 0 :(得分:0)

我刚刚在Firefox 44.0.2中对此进行了测试,并且无需重新加载页面即可正常工作。

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

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