iFrame 和溢出問題：隱藏在 IE11 中
[英]Issue with iFrame and overflow:hidden in IE11
問題描述
我遇到了一個顯然只存在於 IE 11 中的問題。這是針對 Intranet 頁面的。 相關代碼如下。
<!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>
樣式表.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元素中消失。 當把overflow: hidden放在 body 中時它工作得很好，不能滾動到任何地方，只是在iFrame似乎不起作用。 我嘗試了所有overflow: hidden變體overflow: hidden 、滾動=否、通過 !DOCTYPE 聲明強制使用 html 4、與舊版本的 IE 兼容，但似乎沒有任何效果。 在這一點上的任何建議都是天賜之物。 我看到了一段可以用 JS 制作iFrame的代碼片段，但我對這種語言的了解不夠，無法將它與我已有的東西放在一起。 任何幫助將不勝感激。 它在 Chrome 和 FF 中按預期工作。
2 個解決方案
解決方案1
1 2016-05-12 23:02:24
在 IFRAME 的 SRC 中添加 URL 使滾動條在 IE11 中消失（已測試）。
解決方案2
0 2016-05-12 22:57:15
它可能與 IFrame 內部的代碼有關。 嘗試將其發布在您的問題中。 此外，您可以研究用於 JavaScript 的 AJAX，並從 AJAX 中創建一種 IFrame。 就像你之前說的，一開始有點混亂，如果你需要我給出一個完整的例子，請評論我的回答。 這是 AJAX 基本示例的鏈接： http : //www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
這將讓您獲取頁面的內容，將其復制並粘貼到一個 div 中，並使其成為一種 IFrame。 然后，您還可以編輯頁面的代碼，並為 div 設置必要的屬性（溢出：隱藏）。
IE11上的溢出滾動問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.