iFrame只要竖滚动条，不要横滚动条的方法

<iframe  src="welcome.html"

              name="test" 

              marginwidth="0"

              marginheight="0"

              allowtransparency="true"

              id="test"

              scrolling="auto"

              height="200px"

              width="200px">

</iframe>

 

 

我们可以通过js来该iframe的宽和高，当然包括src里面包含的页面或者do请求

 

document.getElementById("test").style.height = ???

document.getElementById("test").style.width= ???

document.getElementById("test").src= ???

 

如果想把iframe里面包含的页面需要传递的值传递到父页面，可以

 

parent.document.getElementById("??").value = document.get.......

[parent代表父页面，父页面的某个值 = iframe包含的页面的某个值]

 

 

让iframe出现竖滚动条，而不出现横滚动条

方法一：

设置body宽度的做法，在iFrame包含的页面内中写入，如下
body {
width: 95%;
margin: 0px;
padding: 0px;
}

通过css来控制宽度，我没有设100%，默认是100%；而是设了95%；这样因为整体页面的宽度小于100%，所以就不再出现横滚动条了，而竖滚动条依然起作用

 

方法二：

在iFrame的包含页面里加入
<style>
html { overflow-x:hidden; }
</style>

两种方法都可以搞定