Iframe是我唯一的選擇嗎？

我有一份工作來開發一個網站。我的客戶希望它有一個標題，一個菜單，並且內容是一個矩形框，您可以在其中滾動文本。所以這個標題和菜單不會移動，而是框中的文本。Iframe是我唯一的選擇嗎？

它應該是這樣的：

***********header image *********** 
menu menu menu menu 

-------------- 
| you  || 
| can  || 
| scroll in || 
| this box || 
|_____________

是實現這一個iframe我唯一的選擇？
爲此使用iframe是不好的做法嗎？

來源

2010-05-24 cyggi

您可以用層疊樣式表（CSS）做到這一點 – 2010-05-24 13:13:44

你可能想給一個看看這個 http://blog.html.it/layoutgala/ – nico 2010-05-24 13:33:36

你可以使用普通的div，並設置overflow屬性在CSS中'滾動'。在這種情況下，iFrame將是「壞」的做法。

來源

2010-05-24 13:13:14 gargantuan

我會用這個iframes有時候會有奇怪的行爲 – tunnuz 2010-05-24 13:14:03

您可以使用div指定width和height以及css值overflow到auto。

使用iframe來做到這一點來講是矯枉過正：

客戶端的性能（多個HTTP請求（S））
服務器端的帶寬
增加網站的複雜性&維護

來源

2010-05-24 13:13:16 cherouvim

你也可以有一個DIV並讓它顯示滾動條。看到這裏http://www.spiderwebmastertools.com/divscroller.html

來源

2010-05-24 13:13:36 Palantir

不，去一個DIV：

<div id="iframeReplacement"> 
    <p>CONTENT GOES HERE :)</p> 
</div>

隨着CSS：

#iframeReplacement { 
    height: 400px; /* set to your height */ 
    width: 400px; /* set to your width */ 
    overflow-x: auto; /* can be auto, scroll or hidden */ 
    overflow-y: auto; 
}

來源

2010-05-24 13:13:53

沒有，你也可以使用CSS溢出：滾動。例如：

<style> 
.infoBox { 
    width: 100px; 
    height: 100px; 
    display: block; 
    overflow: scroll; 
} 
</style> 
<div class="infoBox">Some text</div>

來源

2010-05-24 13:14:32 bezmax

*友情提示：* DIV已經是BLOCK元素^ _^ – 2010-05-24 13:47:39

好吧，我用過'.infoBox'不是'div.infoBox' 。這意味着它應該能夠應用於任何元素，而div.infoBox只是使用它的一個例子：D – bezmax 2010-05-26 07:06:28

是實現這一個iframe我唯一的選擇？

否參見overflow。

對此使用iframe是不好的做法嗎？

是的。這是非常糟糕的做法（屏幕空間更適合用於顯示內容並儘量減少用戶滾動的滾動量），但是iframe是實現此目的的最糟糕方式之一。

來源

2010-05-24 13:14:43 Quentin

另外，你可以使標題和導航欄靜態，只是整個頁面「滾動的框。「

這可以很容易實現：

div#header { 
    position:absolute; 
    top:0; 
    left:0; 
}

下面是一個例子網站：http://limpid.nl/lab/css/fixed/header-and-left-sidebar

來源

2010-05-24 13:17:38 tplaner

Iframe是我唯一的選擇嗎？

回答

相關問題