问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

做了框架网页,如何不显示水平滚动条,而垂直滚动条自动显示

发布网友 发布时间：2022-04-06 12:17

我来回答

共4个回答

懂视网 时间：2022-04-06 16:38

在上篇文章中，我们了解了iframe是什么意思啊？浮动框架iframe详解,然而很多人不知道如何设置浮动框架是否显示滚动条scrolling？下面我们来讲解一下scrolling 属性？

一：什么是scrolling 属性

scrolling属性是否在框架中显示滚动条，但是在一般情况下，当我们的内容出现了iframe，我们的框架就会出现滚动条。

scrolling语法：<iframe scrolling="value">

一般scrolling的属性值有三个，auto，yes和no三种情况，auto是表示在需要出现滚动条，而yes和no是不需要显示滚动条和从来不显示，一般浮动框架默认的也是auto。

二：如何设置浮动框架是否显示滚动条scrolling

代码实例：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
</head>
<body>
 <div id="main">
 <h3>Gxlcms</h3>
 <iframe src="http://www.php.cn/" width="400px" height="300px" scrolling="no"></iframe>
 </div>
</body>
</html>

显示效果如下:

18.png

分析：在以上显示效果中，我们并没有看到浮动框架，正是因为scrolling等于no才会不显示，如果我们把scrolling的值改为auto，就会出现框架浮动滑动效果。

现在有关浮动框架的属性差不多就是这些，很多人在学习的时候，会看到其他框架属性，其实其他的属性我们没有必要去学习了，这些属性大多都是在css样式中控制，需要的时候，我们直接在css样式中修改就可以了。

热心网友 时间：2022-04-06 13:46

overflow-x:hidden;overflow-y:auto是可以的，如果将它定义在框架页面内可能是不能显示的。

你没有看到效果可能是由于设置的位置不对吧。

举个例子，比如我定义了一个左右两栏的框架页面，想让左侧的水平滚动条不显示，垂直滚动条显示，那就必须在左侧页面的内容中定义

body {
overflow-x:hidden;
}

更详细的结构是这样的：

框架页面是frameset1.html
它包含的左侧的页面名为page1.html，右侧的页面名为page2.html，想让左侧的页面不显示横向滚动条就要在page1.html中定义body的属性，而不能再frameset1.html中定义。

============
第一次补充：

你的frameset1.html代码是不是这样???

<frameset cols="*,*" frameborder="no" border="0" framespacing="0">
<frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" scrolling="yes" />
<frame src="page2.html" name="mainFrame" id="mainFrame" title="mainFrame" scrolling="yes" />
</frameset>

在下面的<frame src="page1.html"....中去掉scrolling="yes"，直接就写 <frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" />
然后再在page1.html定义overflow-x:hidden，应该可以。我这里没有问题。
==============
给你我的源代码吧，你试试看。

frameset1.html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<frameset cols="200,*" frameborder="no" border="0" framespacing="0">
<frame src="page1.html" name="leftFrame" id="leftFrame" title="leftFrame" />
<frame src="page2.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

page1.html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background:#333;
overflow-x:hidden;
}
* html {
overflow-x:hidden;
}
-->
</style>
</head>

<body>
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

</body>
</html>

page2.html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
sadsadsadsa
</body>
</html>

将它们放在同一个文件夹。

热心网友 时间：2022-04-06 15:04

overflow-x:hidden;overflow-y:auto是可以的，如果将它定义在框架页面内可能是不能显示的。
你没有看到效果可能是由于设置的位置不对吧。
举个例子，比如我定义了一个左右两栏的框架页面，想让左侧的水平滚动条不显示，垂直滚动条显示，那就必须在左侧页面的内容中定义
body
{
overflow-x:hidden;
}
更详细的结构是这样的：
框架页面是frameset1.html
它包含的左侧的页面名为page1.html，右侧的页面名为page2.html，想让左侧的页面不显示横向滚动条就要在page1.html中定义body的属性，而不能再frameset1.html中定义。
============
第一次补充：
你的frameset1.html代码是不是这样???
<frameset
cols="*,*"
frameborder="no"
border="0"
framespacing="0">
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
scrolling="yes"
/>
<frame
src="page2.html"
name="mainFrame"
id="mainFrame"
title="mainFrame"
scrolling="yes"
/>
</frameset>
在下面的<frame
src="page1.html"....中去掉scrolling="yes"，直接就写
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
/>
然后再在page1.html定义overflow-x:hidden，应该可以。我这里没有问题。
==============
给你我的源代码吧，你试试看。
frameset1.html代码
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
</head>
<frameset
cols="200,*"
frameborder="no"
border="0"
framespacing="0">
<frame
src="page1.html"
name="leftFrame"
id="leftFrame"
title="leftFrame"
/>
<frame
src="page2.html"
name="mainFrame"
id="mainFrame"
title="mainFrame"
/>
</frameset>
<noframes><body>
</body>
</noframes></html>
page1.html代码
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
<style
type="text/css">
<!--
body
{
background:#333;
overflow-x:hidden;
}
*
html
{
overflow-x:hidden;
}
-->
</style>
</head>
<body>
<table
width="500"
border="0"
cellpadding="0"
cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
page2.html代码
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
</head>
<body>
sadsadsadsa
</body>
</html>
将它们放在同一个文件夹。

热心网友 时间：2022-04-06 16:39

全局宽设置逾界了..
声明声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com
计算器M+/ M-是什么意思? 科学计算器M+和M-的操作方法是什么? 竹筒粽子黑米的做法 竹筒粽子怎么做不散 竹筒粽子的做法与步骤详解 孕妇为什么不能吃龙眼呢? 孕妇可以吃龙眼不? 哪个部位的痣不能取 眉毛有痣天生有福气? 脸上什么位置的痣不能点 腊鸭腿的做法大全家常 电脑里回收站里的垃圾清除后都去哪里了? 怎么卸载(正在安装…)这个软件,长按它又不出现xx出来,安装也不了。 iphonex用爱思更新出现软件一直显示正在安装，卸载也卸载不了，这怎么办？_百度问一问 安装在C盘的软件卸载不掉,怎么办? vivox 7plus显示一个软件一直正在安装中,我重来没安装过这个软件,也... 华为手机正在安装的软件怎么卸载 在香港中国移动购买的手机号,如何在北京支付话费? 桌面上我的电脑图标不见了怎么办 win10 素火腿是什么 怎么做比较好吃 六根线怎么接五孔插座啊 在网上下的ppt 讲课用 有下角有个农业工程学院的字样 每张都有 怎么消除呢 一开五孔插座双控开关怎么接 PPT模板：新农村乡村振兴农业产业园区特色小镇田园综合体路演 高分悬赏关于ppt背景的选择,100分再追加100分 浮动框架 Redmi3手机10个G其它内存占9个G,怎么清理呢? 红米3手机要多少钱? 红米3手机屏幕多少钱 红米手机质量怎么样 买了红米3,我才知道我对手机方面的知识有多薄弱 红米note3怎么样,有什么缺点。 Redmi3手机多少钱 频繁的打哈欠是怎么回事? 一直哈欠不断,为什么? 总是不停的打哈欠是为什么? 一天到晚哈欠不断是怎么回事? 平时容易打哈欠是什么原因? 关于经常打哈欠不断是怎么回事?对健康有影响吗?的问题 老是打哈欠是怎么回事? 起床后总是哈欠不断,为什么 老打哈欠怎么回事 七日年化收益率和年化收益率区别是什么? 整、纺、编、布、织、抽、怎、消,怎么组词 百度网盘? 整天的整可以组什么词? 整,可以组什么词 整体的整换个偏旁组词 整换偏旁组词 这两个字整么组词 组词二年级下册 switch需要关机吗 switch玩完要关机吗 switch不用的时候需要关机吗
懂视IT 51dongshi.com 版权所有
Copyright © 2019-2024