Html iFrame页面上显示双垂直滚动条

我有一个索引页，其中包括一个左iFrame和一个右iFrame。出于某种原因，在第二个iFrame上，它显示了一个用于其iFrame的滚动条和另一个用于整个页面的滚动条

我一直试图删除整个页面的滚动条，而只保留2个iFrame的滚动条

当我将css属性更改为overflow hidden for the body、html元素时，它还会删除两个ifram的滚动条

我甚至尝试将iFrame元素overflow-y:设置为auto，将body、html overflow设置为hidden

那仍然不起作用

第二个问题是，即使我将高度指定为100%，iFrame也不会一直延伸到页面底部

我一直在摆弄CSS，但到目前为止运气不好。如果有人能帮我，我将不胜感激

下面是我的网页链接和css片段。谢谢你

html,body{ height: 100%; margin:0;padding:0; }
iframe{
    height:100%; margin:0;padding:0; border: 0;
}

---

（在不同的浏览器中，文本可能会变小。请按键盘上的ctrl+cmd+以显示滚动）

要删除整个页面的滚动条，请添加以下规则：

    body, html {
        overflow: hidden;
    }

要在iFrame上启用滚动条，请添加以下属性：

<iframe ... scrolling="yes"></iframe>

这就是它的样子，如果你把两者都加上：

---

整个页面没有滚动条，左iframe没有滚动条（因为内容完全可见），右iframe没有滚动条（因为内容不完全可见）。如果将窗口缩小，左侧iframe的滚动条将出现。

我在使用iframe时遇到类似问题。包含iframe的元素不够长，不足以支持第二个滚动条；它只是一个youtube视频，高度约为600像素，所以我不需要第二个滚动条。对我来说，解决办法就是

html，正文{高度：100%；}

---

在CSS中。如果这对我没有帮助的话，我的下一个最佳猜测是，如果其他方法都失败了，我可以使用webkit将它们明显隐藏起来。

Hey Darek。这是没有帮助的，因为我的iFrame滚动条消失了。唯一没有添加我的规则的可见滚动条是整个页面的滚动条。我看不到任何框架滚动条，无论是Chrome还是IE11。如果要将滚动条添加到iframe，则需要将此属性（添加到iframe，而不是css）：

scrolling=“yes”

。我已经更新了我的答案。但我正在尝试删除整个页面的滚动，只保留iFrame的滚动。如果我将属性设置为scrolling=“yes”，并在正文和HTML上保持overflow:隐藏，iFrame滚动仍然不会出现。您已经更新了页面，如果高度大于其内容，我可以看到iFrame滚动条。我还可以再次看到整个页面的滚动条，因为您更改了css样式并将

滚动

添加到

溢出

，这是无效的。我不明白您的意思。我添加了滚动。。但是没有溢出属性。。。