Question

我遇到的问题显然只存在于IE 11中。这是针对内部网页面的。相关代码如下。

<!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中无效。我已经尝试了溢出的每个变体：隐藏，滚动=否，强制html 4通过！DOCTYPE声明，与旧版IE的兼容性，似乎没有任何工作。在这一点上任何建议都是天赐之物。我看到了一段可以用JS制作iFrame的代码片段，但是我不太了解这种语言与我已经拥有的语言。任何帮助将不胜感激。它可以在Chrome和FF中使用。

Answer 1

在IFRAME的SRC中添加URL会使滚动条在IE11中消失（已测试）。

Answer 2

它可能与IFrame的代码INSIDE有关。尝试在您的问题中发帖。此外，您可以研究AJAX for JavaScript，并使用AJAX创建一种IFrame。就像你之前说的那样，一开始有点令人困惑，如果你需要我给出一个完整的例子，请评论我的回答。以下是AJAX基本示例的链接：http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp
这将让您获取页面的内容，将其复制并粘贴到div中，并使其成为一种IFrame。然后，您还可以编辑页面的代码，并将必要的属性（溢出：隐藏）设置为div。

iFrame和溢出问题：隐藏在IE11中

2 个答案: