删除框架滚动条

时间:2012-12-27 19:54:19

标签: html frame

我设计了一个带框架的网页。这是我的作业所以我必须使用框架。 在我的页面中有很多帧,内框有滚动条。我要删除它,我怎么能删除它?

这是我的main.html代码:

<frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
</frameset>

这是我的页面展望:

enter image description here

http://download.cnet.com/YouTube-To-MP3/3000-2071_4-75810474.html> youtube to mp3

4 个答案:

答案 0 :(得分:2)

只需在对象上设置overflow: hidden;

#objectID {
    overflow: hidden;
}

注意: 使用您的对象ID更改objectID

您也可以尝试:

frame{
    overflow:hidden;
}

它可能有用......如果你尝试,也不会受伤:)

祝你好运!

答案 1 :(得分:2)

只需在带有框架的行中添加main.html:

scrolling="no"

所以结果是:

<frame scrolling="no" src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" >

这是您的main.html结果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<title></title>
<meta name="keywords" content="Webpage, design, yumakli" />
<meta name="description" content="Yumakli koyu web sayfasi" />
<style type = "text/css">
frame{
    overflow:hidden;
}
</style>
</style>
<script></script>
</head>
<div style="width:5000; height:5000;">
<frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" scrolling="no">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" scrolling="no">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize"  scrolling="no">
</frameset>
</div>
</html>

答案 2 :(得分:0)

在您的框架中添加scrolling属性,并将值设置为no

http://www.w3schools.com/tags/att_frame_scrolling.asp

编辑:

另一个选项是add another frameset围绕您当前创建的那些。

this question中找到并适合您。

文件index.html:

<html>
    <frameset rows="1,480" frameborder="NO" border="0" noresize="noresize" scrolling="yes">
        <FRAME SRC="javascript:<HTML></HTML>" NAME="dummy" FRAMEBORDER="NO" MARGINHEIGHT="0" MARGINWIDTH="0" NORESIZE SCROLLING="NO">
        <FRAME SRC="main.html" NAME="scrollcontent" FRAMEBORDER="NO" MARGINHEIGHT="0" MARGINWIDTH="0" NORESIZE SCROLLING="yes">
    </frameset>
</html>

档案main.html

<html><frameset frameborder="NO" framespacing="0" cols="18%,*,18%" border="0" >
<!-- Navigational Bar -->
    <frame src="side.html" name="left" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
<!-- Interior Frame -->
    <frameset frameborder="NO" framespacing="0" rows="280,*" border="0">
        <frame src="header.html" name="middle" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
        <frameset frameborder="NO" framespacing="0" cols="180,*" border="0">
            <frame src="left.html" name="anasayfa" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
            <frame src="anasayfa.html" name="mainframe" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize" SCROLLING="NO">
        </frameset>
    </frameset>
<!-- Interior Frame -->
    <frame src="side.html" name="right" marginwidth="5" marginheight="5" frameborder="NO" border="0" noresize="noresize">
</frameset>
</html>

看看它是否适合你。

答案 3 :(得分:0)

好的,所以您需要在每个scrolling="no"标记上添加:'frame'

听起来很简单。

但请注意:你会得到框架内物品的全宽(这就是滚动条的原因)

希望我能帮忙:)。