iframe上的-ms-overflow-style

Question

我有一个以iframe为主要内容区域的网站。当我应用下面的css时，它的行为符合预期，并从页面中删除滚动条。

html{
    -ms-overflow-style: none;
}

但我希望iframe本身允许滚动条，所以我使用下面的更具体的规则覆盖上面的内容。

iframe{
    -ms-overflow-style: scrollbar;
}

使用开发人员的工具检查元素时，您可以清楚地看到样式已到位，但它没有按预期进行，并且滚动条仍然不存在。这是一个错误还是我错过了什么？

Example

从图像中，我希望删除页面滚动条，但iframe滚动条仍然完好无损。

Answer 1

正如@Alohci所提到的，我确实需要在iframe调用的文档中设置它而不是在父文件中。

家长/母版页：

html,
body {
  -ms-overflow-style: none;
}

iframe调用的子/文档：

body {
  -ms-overflow-style: scrollbar;
}

Answer 2

可能是垂直滚动条是由水平滚动条引起的，因为页面太宽了。

尝试搜索使页面大于所需的内容，然后窗口滚动条应该消失。

Answer 3

html, body {
    position:relative;
    height:100%
}
İframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}