如何消除ifeame的滚动条

横向滚动条：调整宽度 width，直到滚动条消失为止。
纵向滚动条：调整高度 height

宽度和高度有办法设置我就不来这里问了。<iframe id="iframe1" name="iframe1" frameborder="0" width="925px" height="565px" marginheight="0" marginwidth="0" scrolling="no" src="HomeImg.htm"> </iframe>
这样是可以消除滚动条的。
但是我希望用JS动态控制，有办法做到么？

你用js动态更改html内容，这个js可以做到。

如何做？？？？？？？？？？？？？？？
document.getElementById("iframe1").scrolling = "no";
document.getElementById("iframe1").src = "pricing.aspx";
这样为什么不行？？？？？？？？？？？ document.getElementById("iframe1").setAttribute("scrolling","no");
       document.getElementById("iframe1").src = "pricing.aspx";
也不行？？？？？
但是他们src都被改变了。

<body scroll=no>

去掉水平滚动条：
<body style="overflow-x: hidden">
去掉竖直滚动条：
<body style="overflow-y: hidden">

隐藏横向滚动条，显示纵向滚动条:
<body style="overflow-x:hidden;overflow-y:scroll">

全部隐藏
<body style="overflow:hidden">

或者是
<body scroll="no">

这里先说一下滚动条的属性代码：
overflow-y : visible | auto | hidden | scroll
visible : 　不剪切内容也不添加滚动条。
auto : 　在需要时剪切内容并添加滚动条
hidden : 　不显示超过对象高度的内容，这里不对这个属性作介绍，大家喜欢的话可以自己尝试
scroll : 　总是显示纵向滚动条
首先我现说一下去掉滚动条的方法：
如果用百度风格模版的话，滚动条只可能有一个，那就是整个空间右边最大的浏览器窗口滚动条，也就是我美化过的那个滚动条，现在告诉大家，我们可以把这个滚动条去掉，但是却不影响浏览的方法：
在body
{}中加入overflow-y :
visible就可以了，这样滚动条就不会显示出来了。大家可能会问，这样怎么往下拉？呵呵，既然我说了不影响浏览，那当然是有方法的，浏览的方法就是用
鼠标的滚轮，虽然滚动条没了，可是鼠标滚轮还是能够让网页上下滚动的。我相信大家一般浏览网页的时候用滚轮下拉网页的次数应该比直接用鼠标拖动滚动条的次
数多吧？提示下，如果碰到没有滚动条而鼠标又没有滚轮的朋友，该怎么浏览网页呢？呵呵，大家可以用键盘上面的方向键上方的PageUp和PageDown
来上下翻页，也可以用空格往下拉网页和Shift+空格往上拉网页，还有一个方法就是用上下方向键来拉动，另外还有按Home键回到网页顶部，End键到
达网页底部，呵呵，是不是方法很多呢？不过这样总会有那么一些些的不方便，所以大家可以根据自己的空间和喜好来考虑要不要取消这个滚动条。

哈哈，想不到啰哩叭嗦地，一下说了这么多话

下面我们说添加滚动条的方法：
overflow-y : auto;height:多少px
auto
就是自动判断要不要加入滚动条，当设定的对象内容超过了height设定的高度时，就自动添加滚动条，不然则不显示，body{}中的默认值就是
overflow-y : auto;height:浏览器高度，所以当网页内容超过浏览器高度的时候，浏览器右边就会自动显现出滚动条来
大家如
果需要设置这个的话，本人建议设置在最新评论#m_comment{}、文章列表#m_blog{}等内容和高度都不固定的模版中，有的朋友找不到这些模
版的ID，可能只有例如#m_comment div.item{}或者#m_pro a{}等的ID，那么可以自己加上没有的ID，这样就可以设置了

这里还有另一个添加滚动条的方法：
overflow-y :scroll
这个参数的作用上面解释过了，不过如果只加这个参数的话，虽然滚动栏会显示，但是不会显示滚动条，所以必须还要加上一个
height:多少px
高度属性，跟上面的那个方法差不多，但是有根本的区别，这个无论对象内容的高度是否超过了height设定的高度，滚动栏永远都会显示在边上的

下面我们说一下关于滚动条的美化，这个我朋友给我看了网上的一个说明，我觉得上面的图很不错，但是很小，所以我放大了一倍，看起来就清楚多了，我们先说一下美化的各个属性：
SCROLLBAR-FACE-COLOR: 颜色代码;
SCROLLBAR-HIGHLIGHT-COLOR:颜色代码;
SCROLLBAR-SHADOW-COLOR: 颜色代码;
SCROLLBAR-3DLIGHT-COLOR: 颜色代码;
SCROLLBAR-ARROW-COLOR: 颜色代码;
SCROLLBAR-TRACK-COLOR: 颜色代码;
SCROLLBAR-DARKSHADOW-COLOR: 颜色代码;

body 中加入style="overflow-x: hidden"
style="overflow-y: hidden"

//iframe自适应高度
function iframeAutoFit()
    {
        try
        {
            if(window!=parent)
            {
                var a = parent.document.getElementsByTagName("IFRAME");
                for(var i=0; i<a.length; i++)
                {
                    if(a[i].contentWindow==window)
                    {
                        var h1=0, h2=0, d=document, dd=d.documentElement;
                        a[i].parentNode.style.height = a[i].offsetHeight +"px";
                        a[i].style.height = "10px";                        if(dd && dd.scrollHeight) h1=dd.scrollHeight;
                        if(d.body) h2=d.body.scrollHeight;
                        var h=Math.max(h1, h2);                        if(document.all) {h += 4;}
                        if(window.opera) {h += 1;}
                        a[i].style.height = a[i].parentNode.style.height = h +"px";
                    }
                }
            }
        }
        catch (ex){}
    }
    if(window.attachEvent)
    {
        window.attachEvent("onload",  iframeAutoFit);
        //window.attachEvent("onresize",  iframeAutoFit);
    }
    else if(window.addEventListener)
    {
        window.addEventListener('load',  iframeAutoFit,  false);
        //window.addEventListener('resize',  iframeAutoFit,  false);
    }

我不是去掉网页中的滚动条，只是要去掉网页中iframe的滚动条啊

在
pricing.aspx里面设置
<body style="overflow: hidden">

横向滚动条：调整宽度 width，直到滚动条消失为止。
纵向滚动条：调整高度 height

这。怪我啊。。我没说清楚我的需求。我现在那个frame其他的（挺多的）都不需要滚动条。所以就把IFRAME的scrolling="no"，去除了滚动条。
现在客户需求变了，增加了一个需要用滚动条的。所以我更倾向JS控制，好修改点。现在的iframe如下
<iframe id="iframe1" name="iframe1" frameborder="0" width="925px" height="565px" marginheight="0" marginwidth="0" scrolling="no" src="HomeImg.htm"> </iframe>我希望显示pricing.aspx这个页面的时候可以显示滚动条。而显示其他的页面都不显示滚动条望各位不吝赐教

实在不行我只能pricing里面再嵌套一个了。 - -！

调试易

如何消除ifeame的滚动条

解决方案 »