如何隐藏IFRAME的滚动条？

<iframe id="play" src="http://xunlei.bbvod.net/?hallid=61350&platform=6" frameborder=0 height="600" marginwidth=0 marginheight=0 hspace=0 vspace=0  scrolling=no width="785">

我用iframe嵌入了迅雷的一个网页,我想将滚动条隐藏掉,可是加了 scrolling=no 不管用啊. 滚动动条还是显示..

请问各位有什么办法???谢谢了..

13 个解决方案

#1

#2

使用样式:
overflow-x:hidden
overflow-y:hidden

试试
我以前使用过的,忘了,要到以前的那个项目中查一下才知道了

#3

你丢进一个div，然后hidden掉，不就好了？设置div的display属性。还有，你有高度啊。。。

#4

有几点需要注意的

第一点就术去掉：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

第二点就是样式表中加上
body{
overflow-x:hidden ;
overflow-y:hidden ;}

#5

注意，我是嵌入迅雷的网页,怎么可能去改样式???

#6

加上style=""

#7

引用 6 楼 ulear 的回复:

加上style=""

可以说清楚一点吗。/

#8

改变iframe的style，style="overflow-x:hidden;overflow-y:hidden;"，应该就可以了

#9

引用 8 楼 Jermaine 的回复:

改变iframe的style，style="overflow-x:hidden;overflow-y:hidden;"，应该就可以了

没用。。

#10

<div style="width:600px;height:600px;overflow:hidden;" id="shareMSG">
<iframe style="position:absolute;z-index:-1;left:0px;top:0px;width:1000px;height:2000px;overflow:hidden;" src="http://xunlei.bbvod.net/?hallid=61350&platform=6"></iframe>
</div>
外层div的尺寸自己调整就好了

#11

我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

#12

代码是我从以前自己写的代码改过来的,没用的属性什么的自己删掉就好了,效果我已经测试了,应该是你要的效果

#13

这个要自动内容匹配高度！

你还是别做了！IE7 和FF有时候不显示！

给你个参考！

    function dyniframesize(iframename) {
    var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
    //extra height in px to add to iframe in FireFox 1.0+ browsers
    var FFextraHeight=getFFVersion>=0.1? 16 : 0
    var pTar = null;
  if (document.getElementById){
    pTar = document.getElementById(iframename);
  }
  else{
    eval('pTar = ' + iframename + ';');
  }

  if (pTar && !window.opera){
    //begin resizing iframe
    pTar.style.display="block"
    if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
      //ns6 syntax
      pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;
    }
    else if (pTar.Document && pTar.Document.body.scrollHeight){
      //ie5+ syntax
      pTar.height = pTar.Document.body.scrollHeight;
    }
  }
}

然后 scrolling="no"  基本就行！

#1

#2

使用样式:
overflow-x:hidden
overflow-y:hidden

试试
我以前使用过的,忘了,要到以前的那个项目中查一下才知道了

#3

你丢进一个div，然后hidden掉，不就好了？设置div的display属性。还有，你有高度啊。。。

#4

#5

注意，我是嵌入迅雷的网页,怎么可能去改样式???

#6

加上style=""

#7

引用 6 楼 ulear 的回复:

加上style=""

可以说清楚一点吗。/

#8

改变iframe的style，style="overflow-x:hidden;overflow-y:hidden;"，应该就可以了

#9

引用 8 楼 Jermaine 的回复:

改变iframe的style，style="overflow-x:hidden;overflow-y:hidden;"，应该就可以了

没用。。

#10

#11

我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

#12

代码是我从以前自己写的代码改过来的,没用的属性什么的自己删掉就好了,效果我已经测试了,应该是你要的效果

秒客网

如何隐藏IFRAME的滚动条？

13 个解决方案

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

#1

#2

#3

#4

#5

#6

#7

#8

#9

#10

#11

#12

#13

相关文章