將幀翻譯爲iframe

我正在過渡一個頁面，這個頁面曾經有幀到iframe的方法以兼容向前移動。基本的外觀非常簡單，它是一個固定的像素高度標題，然後可變高度的內容佔據屏幕空間的其餘部分，並在其中包含不同的頁面。將幀翻譯爲iframe

我已經通過做到了這一點：雖然這完全在Chrome和IE

<style type="text/css"> 
    * {overflow:hidden} 
    div#header {position:absolute;top:0px;left:0px;right:0px;height:86px;overflow:hidden;margin:0px;padding:0px;} 
    div#wrapper {position:absolute;top:86px;left:0px;right:0px;bottom:0px;overflow-y:auto;margin:0px;padding:0px;} 
</style>

和

  <div id="header"> 
      content in top 
     </div> 

     <div id="wrapper"> 
     <iframe src="http://someotherwebpage" style="width:100%;height:100%;" /> 
     </div>

，它失敗在FF和其他人（即iPhone）。任何想法如何我可以進一步改善這個工作在所有瀏覽器？

編輯：具體來說，通過「失敗」我的意思是滾動條不顯示（垂直滾動條），因此我不能向上或向下滾動FF /其他。在Chrome/IE中，它顯示並按預期工作。

來源

2012-03-13 automaton

iframe是我會用過去的事情，你應該考慮使用一個div取代iFrame和使用AJAX加載數據（假設iframe是在同一個域作爲你的父母網站）。 – 2012-03-13 15:18:36

我正在加載的網頁位於完全不同的網站上。我基本上是爲其他內容添加標題，如stumbleupon – automaton 2012-03-13 15:21:07

你有'* {overflow：hidden}'。我會先看看。 – 2012-03-13 15:29:30

嘗試改變* {overflow:hidden}到* {overflow:auto}

來源

2012-03-13 15:31:27

將幀翻譯爲iframe

回答

相關問題