兩個框架一個滾動條

我試圖創建兩個框架，並使它們滾動到一起，例如在頁面頂部更改菜單欄的情況下 - 我正在使用傳送帶 - 或頁腳在底部，必須顯示爲頁面的一部分。兩個框架一個滾動條

我希望頁面看起來像一個頁面，它也能夠滾動，但頁面實際上由兩個框架組成。使用這個......

<!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> 

<!-- Info from: http://www.webxpertz.net/forums/showthread.php?t=257 --> 
<!-- Using this... --> 

<meta NAME="Description" content="Outer frame(OneBaredFrame) used to wrap the header and body frames" /> 
<meta HTTP-EQUIV="Cache-Control" content="no-cache" /> 
<meta HTTP-EQUIV="pragma" content="no-cache" /> 

<title></title> 

</head> 

<frameset rows="1,*" border="0" frameborder="no"> 

<frame src="javascript:<HTML></HTML>" name="dummy" id="dummy" 
frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"></frame> 

<frame src="index_inner.html" name="OneBaredFrame" 
id="OneBaredFrame" frameborder="no" marginheight="0" marginwidth="0" noresize="noresize" scrolling="yes"></frame> 

<!-- the bottom frame above if scrolling="yes" doesn't show a scrollbar for me? --> 

<!-- the top frame above if scrolling="yes" does show a scrollbar for me if rows="100,*" say? --> 

</frameset> 

</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 NAME="Description" content="Frames for within a scrollable frame"> 

<meta HTTP-EQUIV="Cache-Control" content="no-cache"> 

<meta HTTP-EQUIV="pragma" content="no-cache"> 

<title></title> 

</head> 

<!-- My header and body frames need to scroll together, 
so I am using another frameset (the one above) to enclose these frames --> 

<frameset rows="215,*" border="0" frameborder="no"> 
<frame src="Header.html" id="header" name="header" frameborder="no" 
marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"></frame> 

<frame src="index_body.html" id ="body" name="body" frameborder="no" 
marginheight="0" marginwidth="0" noresize="noresize" scrolling="no"></frame> 

<!-- when the above are set to scrolling="yes" scrollbars appear for me for each --> 

</frameset> 

</html>

來源

2010-11-21 Carpenter

詢問代碼的主體（作爲註釋）是一個非常糟糕的做法。問問題，發佈代碼 - 更多的人會閱讀它。這次我會爲你解決這個問題。 – Oded 2010-11-21 11:23:17

問題是什麼？ – khachik 2010-11-21 11:23:18

感謝Oded的幫助，花了我很長時間來嘗試發佈我所做的。 – Carpenter 2010-11-21 11:31:09

當使用幀，每一幀都會有自己的滾動條。

您不能有一個單一的滾動條爲兩個框架，正是因爲是兩幀。

更新：

您可以變通方法這通過使兩個幀的非滾動和一個第三滾動框架內包裹兩者（其只存在的理由是提供一個單一的滾動條）。父框架將處理兩個內框架的滾動。

您需要使用類似下面的框架添加新的頁面，確保第二個點您框架（和兩個框架集設置SCROLLING="NO"：

<FRAMESET ROWS="0%,100%" 
    BORDER="0" 
    FRAMEBORDER="NO"> 
    <FRAME SRC="" 
    NAME="dummy" 
    FRAMEBORDER="NO" 
    MARGINHEIGHT="0" 
    MARGINWIDTH="0" 
    NORESIZE 
    SCROLLING="NO"> 
    </FRAME> 
    <FRAME SRC="*url to your frameset*" 
    NAME="myframes" 
    FRAMEBORDER="NO" 
    MARGINHEIGHT="0" 
    MARGINWIDTH="0" 
    NORESIZE 
    SCROLLING="YES"> 
    </FRAME> 
</FRAMESET>

來源

2010-11-21 11:25:50 Oded

Sloey在http://www.webxpertz.net/forums/showthread.php?t=257錯誤 - 只是爲了確保？ – Carpenter 2010-11-21 11:36:32

@carpenter - 他是對的。解決方法將起作用。但是，這引入了第三個框架。 – Oded 2010-11-21 11:40:14

再次感謝，但任何幫助我的代碼讓它工作，因爲我試圖按照他給的東西，但無法讓它工作...我不聰明，所以要對我溫柔 - 如果你可以:) – Carpenter 2010-11-21 11:50:06

我有你在找什麼使用IFRAME。

它甚至比框架更靈活，因爲它不要求你到窗口從邊緣分割到邊，每個幀邊界並不需要與另一個對齊。

我將它用於我剛部署的網頁，它的功能就像一個魅力。

有一個缺點：主體框架的高度必須先固定，並且您需要高估它以避免內部滾動條。

<BODY> 
<CENTER> 
    <DIV style="display:table-cell; width:800; "> 
     <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="topframe" frameBorder=0 SCROLLING=NO></iframe> 
     <iframe WIDTH=800 HEIGHT=380 src="home.html" name="contentframe" frameBorder=0 SCROLLING=AUTO></iframe> 
     <iframe WIDTH=800 HEIGHT=220 src="menu.html" name="bottomframe" frameBorder=0 SCROLLING=NO></iframe> 
    </DIV> 
<CENTER> 
</BODY>

menu.html中的鏈接與TARGET =「contentframe」做你想做的事。

來源

2013-03-29 17:02:51 user334639

兩個框架一個滾動條

回答

相關問題