Html Iframe是我唯一的选择吗?
我有一份开发网站的工作。我的客户需要它,以便有一个标题,一个菜单和一个矩形框的内容,你可以滚动文本。因此,标题和菜单不会移动,但框中的文本会移动 应该是这样的:Html Iframe是我唯一的选择吗?,html,iframe,Html,Iframe,我有一份开发网站的工作。我的客户需要它,以便有一个标题,一个菜单和一个矩形框的内容,你可以滚动文本。因此,标题和菜单不会移动,但框中的文本会移动 应该是这样的: ***********header image *********** menu menu menu menu -------------- | you || | can || | scroll in || | this box || |_____________ 我实现这个iframe的唯一选择是什么
***********header image ***********
menu menu menu menu
--------------
| you ||
| can ||
| scroll in ||
| this box ||
|_____________
- 我实现这个iframe的唯一选择是什么
- 使用iframe进行此操作会是一种不好的做法吗
宽度和高度,css值为溢出到自动
在以下方面,使用iframe进行此操作是一种过度使用:
- 客户端性能(更多http请求))
- 服务器端带宽
- 网站复杂性和维护的增加
您可以使用一个div来执行此操作,该div将具有指定的宽度
和高度
,css值为溢出
到自动
在以下方面,使用iframe进行此操作是一种过度使用:
- 客户端性能(更多http请求))
- 服务器端带宽
- 网站复杂性和维护的增加
您还可以拥有一个DIV并让它显示滚动条。请参见此处您还可以拥有一个DIV并使其显示滚动条。请参见此处不,请选择DIV:
<div id="iframeReplacement">
<p>CONTENT GOES HERE :)</p>
</div>
不,去潜水吧:
<div id="iframeReplacement">
<p>CONTENT GOES HERE :)</p>
</div>
不,您也可以使用css溢出:滚动。例如:
<style>
.infoBox {
width: 100px;
height: 100px;
display: block;
overflow: scroll;
}
</style>
<div class="infoBox">Some text</div>
.信息箱{
宽度:100px;
高度:100px;
显示:块;
溢出:滚动;
}
一些文本
否,您也可以使用css溢出:滚动。例如:
<style>
.infoBox {
width: 100px;
height: 100px;
display: block;
overflow: scroll;
}
</style>
<div class="infoBox">Some text</div>
.信息箱{
宽度:100px;
高度:100px;
显示:块;
溢出:滚动;
}
一些文本
我实现这个iframe的唯一选择是什么
不,看
使用iframe进行此操作会是一种不好的做法吗
对。这样做是非常糟糕的做法(屏幕不动产更好地用于显示内容和最小化用户必须进行的滚动量),但iframe是实现这一点最糟糕的方法之一
我实现这个iframe的唯一选择是什么
不,看
使用iframe进行此操作会是一种不好的做法吗
对。这样做是非常糟糕的做法(屏幕不动产更好地用于显示内容和最小化用户必须进行的滚动量),但iframe是实现这一点的最糟糕方法之一。或者,您可以将标题和导航栏设置为静态,只需将整个页面设置为“滚动框”
这可以相当容易地完成:
div#header {
position:absolute;
top:0;
left:0;
}
这里有一个网站,有一个例子:或者,你可以将标题和导航栏设置为静态,只需将整个页面设置为“滚动框”
这可以相当容易地完成:
div#header {
position:absolute;
top:0;
left:0;
}
这是一个网站,有一个例子:你可以用层叠样式表(CSS)来做这件事。你可能想看看这个,你可以用层叠样式表(CSS)来做这件事。你可能想看看这个,我会用这个。iFrame有时会有奇怪的行为。我会用这个。iFrame有时会有奇怪的行为。我使用了“.infoBox”而不是“div.infoBox”。这意味着它应该能够应用于任何元素,而div.infoBox只是使用它的一个示例:DWell,我使用了“.infoBox”而不是“div.infoBox”。这意味着它应该能够应用于任何元素,而div.infoBox只是使用它的一个示例:D