JavaScript滾動一個iframe？（喜歡Facebook的消息）

我想讓一個iframe滾動在我的頁腳div後面，所以我不想讓頁面本身滾動。如果你有Facebook，當我說我希望它像Facebook Messages時，你會明白我的意思。滾動條滾動消息div而不是實際的頁面。JavaScript滾動一個iframe？（喜歡Facebook的消息）

的HTML我有現在的問題是：

<div class="content"> 
    <iframe src="http://192.168.0.122/bf2sclone/?pid=28999999" style="width:100%;height:200px;"></iframe> 
</div> 
<div class="footer"> 
</div>

而CSS我是：

div.footer { 
    width: 980px; 
    height: 114px; 
    float: left; 
    background-image: url(../images/footer.png); 
    background-repeat: no-repeat; 
    position: fixed; 
    bottom: 0; 
    z-index: 1; 
    margin-bottom: 20px; 
} 

div.content { 
    position: relative; 
    width: 980px; 
    height: 300px; 
    float: left; 
    border-left: 1px solid #000; 
}

來源

2011-06-24 Richard Hedges

iframe應該有一個滾動條，不知道是什麼問題。 – epascarello

你必須使用iFrame嗎？ Facebook消息欄不使用iFrame。 –

我沒想到Facebook會使用iframe。但我的知識是有限的，所以我必須。否則，我會用Javascript來完成。該iframe確實有一個滾動條（直到我禁用它），但我希望該滾動條顯示爲該頁面的主滾動條，以便它像滾動Facebook郵件後滾動我的頁腳div。 –

Facebook的消息不使用iframe，你可以通過設置左這種效果部分頁面fixed（在css中設置：position: fixed）。
所以，只需設置頁腳固定，它應該工作正常。

來源

2011-06-24 18:00:59 wong2

我沒有想到它，但我的知識是有限的。我遇到的問題是我有一個透明背景作爲我的頁腳，並在我的頁腳下邊緣的圖像。所以我希望iframe在頁腳圖像後面滾動（這樣我可以通過透明空格看到它），但不會進入頁邊距空間，所以頁腳div是它停止的基線。 –

任何人都可以給我一些這方面的信息嗎？ –

@Richard Hedges你能舉一個例子（某網站）有這個效果嗎？ – wong2

JavaScript滾動一個iframe？ （喜歡Facebook的消息）

回答

相關問題

JavaScript滾動一個iframe？（喜歡Facebook的消息）