jquery - 动态显示更改 iframe 滚动

标签 jquery css html iframe scroll

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

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

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

最佳答案

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

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

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

关于jquery - 动态显示更改 iframe 滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35698539/

相关文章:

php - 使用一个提交按钮一次在 mysql 表中进行多个输入

javascript - 如何在点击时垂直移动div

html - 复选框垂直对齐

javascript - 需要帮助将 jQuery 函数转换为 JavaScript?

javascript - 显示/隐藏 2 个选择菜单的问题

jquery - onClick 改变内容 text + class

javascript - 使用 FancyBox 删除确认对话框

css - 无法为未选中的复选框设置背景颜色

html - 跨浏览器 CSS 复选框问题

jquery - 在运行时更改 KendoPanel 的颜色