Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Iframe是我唯一的选择吗?_Html_Iframe - Fatal编程技术网

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进行此操作会是一种不好的做法吗

您可以使用普通div并在CSS中将溢出属性设置为“滚动”。在这种情况下,iFrame是“糟糕”的做法。

您可以使用普通div,并在CSS中将overflow属性设置为“scroll”。在这种情况下,iFrame是“不好”的做法。

您可以使用一个div来执行此操作,该div将具有指定的
宽度
高度
,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