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.