iFrame和溢出問題：隱藏在IE11中

我遇到了一個顯然只存在於IE 11中的問題。這是針對Intranet頁面的。相關代碼如下。iFrame和溢出問題：隱藏在IE11中

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <meta http-equiv="X-UA-Compatible" content="IE=11" /> 
    <title>Result</title> 
    </head> 
    <body> 
     <div id="chatcontent"> 
      <iframe class="noscrolling" src="intranetsharepoint" target="_blank" scrolling="no"></iframe>   
     </div> 
    </body> 
</html> 

stylesheet.css 
body { 
    background-color: #F0F8FF; 
} 
#chatcontent{ 
    width:20%; 
    margin: auto; 
} 
.noscrolling{ 
    height: 50px; 
    width: 120px; 
    overflow: hidden; 
    border: 0; 
    overflow-x: hidden; 
    overflow-y: hidden; 
} 
iframe{ 
    overflow-x: hidden; 
}

我一直在敲打我的頭靠在牆上，試圖找出原因，在所有其他瀏覽器，滾動條禁用自己，但在IE 11他們拒絕在IFRAME元素滾蛋。它在溢出時工作得很好：隱藏在體內，不能滾動到任何地方，只能在iFrame中不起作用。我已經嘗試了溢出的各種變化：hidden，scrolling = no，通過！DOCTYPE聲明強制使用html 4，與舊版本的IE兼容，並且沒有任何東西可以工作。任何建議在這一點上將是天賜之物。我看到了一段代碼，它可以讓JS從JS中脫離出來，但是我對這門語言的理解還不夠充分，我已經把它放在了一起。任何幫助將不勝感激。它在Chrome和FF中按預期工作。

來源

2016-05-12 Scrum Tool

它可能與IFrame的INSIDE代碼有關。嘗試張貼在你的問題。此外，您可以研究JavaScript的AJAX，並使用AJAX創建一種類型的IFrame。就像你之前說過的，起初有點混淆，如果你需要我給出一個完整的例子，請對我的回答發表評論。這裏是一個基本的AJAX例子的鏈接：http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
這將讓你得到一個頁面的內容，複製並粘貼到一個div，並使其成爲一種IFrame。然後，您還可以編輯頁面的代碼，並將必要的屬性（overflow：hidden）設置爲div。

來源

2016-05-12 22:57:15

在IFRAME的SRC中添加URL使滾動條在IE11中消失（測試）。

來源

2016-05-12 23:02:24 JoostS

謝謝。我們正在使用'data：image'。將其更改爲一個PNG URL修復它爲我們:) – lkartono

iFrame和溢出問題：隱藏在IE11中

回答

相關問題