内嵌框架—X轴隐藏方法

内嵌框架—X轴隐藏方法

最近在用dreamwear做网页时,用到内嵌框架时,发现不能达到隐藏水平滚动条而保留垂直滚动条的效果.

于到到网上查找相关的资料,发现这方面的都没有一个完美的解决方案,于是只好自己结合一下他们说的一

些知识,后来还是做出来了.

第一步,在相要加入内嵌框架的表格中,插入以下的html标签.
<iframe src="under.html" name="main" frameborder=no vspace=0 hspace=0 width=585 height=562

marginheight=5 marginwidth=2 scrolling=yes> </iframe>

简单说明一下吧
<iframe>……</iframe> 这是框架的html标签
src="链接的网页的路径" 链接的网页的路径，是站点的话，就用相对路径（推荐，做网页先建个

站点）。
name="main" 说明框架的名字叫main，你也可以自己取其它的名字。

frameborder=no
vspace=0
hspace=0
width=585 这几个是对框架的宽度和高度的一些设置，大家根据须要，自行修改
height=562
marginheight=5
marginwidth=2

scrolling=yes 这个是滚动条的设置项，软件只有三个参数。no yes auto （或用数字

表示），效果分别为不用滚动条，一定用滚动条，系统自行调节是否用

滚动条

可是当我们，在框架的链接指向我们做好的网页后，把scrolling=auto,发现不能达到隐藏水平滚动条而

保留垂直滚动条的效果，通过把内嵌的网页宽度像素改小了也不行。

好，下面就告诉大家如何来实现这个效果。

在<iframe>中加入以下的属性值：
<iframe style="overflow-x:hidden" ……scrolling=yes>，这样就可以达到了我们想要的效果了，会点

英语的都应该用看懂的，这里把—X轴隐藏了，大家还可以把-Y轴也隐藏了，大家自己试一下就行了

我的最终的代码如下：（大家可以参考）
<iframe style="overflow-x:hidden" src="under.html" name="main" class="bor" frameborder=no

vspace=0 hspace=0 width=585 height=562 marginheight=5 marginwidth=2 scrolling=yes> </iframe>

因为不可以抓图。就写了一大段的文字，希望大家的耐性比车轮好。OK，完成