使用javascript隐藏IFRAME滚动条

我有一个jQuery项目，在其中我打开一个带有滚动条（scrolling=auto）的iframe，在一个带有动画的覆盖（boxy插件）弹出窗口中。当覆盖层关闭时，我希望弹出窗口在中间并淡出。到目前为止还不错，但是当iframe的大小正在减小时，滚动条突然出现在整个事件消失之前

---

我尝试过操纵iframes滚动属性，但在iframes的DOM对象上似乎不存在该属性。有人能帮忙吗？

不需要JavaScript。只需在iframe上使用以下CSS：

overflow: hidden;

---

不需要JavaScript。只需在iframe上使用以下CSS：

overflow: hidden;

---

IIRC，滚动条属于框架页面，必须在那里禁用。如果您的iFrame是跨域的，这可能是不可能的。

IIRC，滚动条属于框架页面，必须在那里禁用。如果您的iframe是跨域的，这可能不可能实现。

没有滚动条的无帧iframe：

 var el = document.createElement("iframe");
 var iframe_style = "overflow:hidden; margin:0;padding:0;"
 var ifattr = {
        id: 'my_iframe', width: '520', height: '300', 'scrolling': 'no', 'marginWidth':0,
        'marginHeight':0, 'noResize': 0, 'border': 0, 'frameBorder':0, 'frameSpacing':0,
        'background': 'transparent','allowTransparency': 'allowTransparency',
        'name' :'my_iframe','style':iframe_style};

 for (var i in ifattr) {
      el.setAttribute(i, ifattr[i]);
 }

这是纯JS，可以很容易地使用移植到jQuery，在IE6-8中测试，FF

---

内部文档应使用：body{overflow:hidden；}-如果确实需要，则不进行测试。

无框架iframe，无滚动条：

 var el = document.createElement("iframe");
 var iframe_style = "overflow:hidden; margin:0;padding:0;"
 var ifattr = {
        id: 'my_iframe', width: '520', height: '300', 'scrolling': 'no', 'marginWidth':0,
        'marginHeight':0, 'noResize': 0, 'border': 0, 'frameBorder':0, 'frameSpacing':0,
        'background': 'transparent','allowTransparency': 'allowTransparency',
        'name' :'my_iframe','style':iframe_style};

 for (var i in ifattr) {
      el.setAttribute(i, ifattr[i]);
 }

这是纯JS，可以很容易地使用移植到jQuery，在IE6-8中测试，FF

---

内部文档应使用：body{overflow:hidden；}-如果确实需要，则不进行测试。

我尝试访问iframes窗口、框架和文档属性，但都未定义。最初iframe是跨域的（调查服务），但最后我们的域中有一个登录页，可以触发淡出脚本。我尝试访问iframes窗口、框架和文档属性，但都没有定义。最初，iframe跨域（调查服务），但最后我们在域内有一个登录页，它会触发淡出脚本。