IE9 模式下 WebBrowser 控件中不需要的滚动条答案

【问题标题】：Unwanted scrollbars in WebBrowser control when in IE9 modeIE9 模式下 WebBrowser 控件中不需要的滚动条
【发布时间】：2012-03-06 20:03:15
【问题描述】：

在编辑模式 (as described here) 下使用 WinForms WebBrowser control，在将控件切换到“IE9 mode”时遇到不必要的滚动条。

我正在使用元标记

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

如this posting 中所述切换到编辑模式。

这是在“IE9模式”下的样子：

相比之下，在没有上述元标记的情况下使用它时，它正确地看起来像这样：

在这里，它看起来和预期的一样；水平滚动条根本不存在，垂直滚动条未激活。

我尝试了所有我能想到的 DOCTYPE；结果似乎保持不变。

（以防万一：切换到编辑模式的内容来自我的应用程序内置迷你网络服务器的本地 HTTP URL，即不是来自字符串或文件 URL）。

我的问题是：

有没有办法在“IE9 编辑模式”下将WebBrowser 控件与 IE9 一起使用，并且仅在必要时才使用滚动条？

【问题讨论】：

您已经知道如何使用 designMode 属性。避免它有什么意义？

标签： c# winforms internet-explorer webbrowser-control editmode

【解决方案1】：

Web Browser 控件中的滚动条由文档滚动设置决定，您可以使用 overFlow 样式将其关闭。

以下代码对我有用，可以防止出现任何滚动条：

    private void button1_Click(object sender, EventArgs e)
    {
        dynamic doc = this.Browser.Document.DomDocument;
        dynamic body = this.Browser.Document.Body;
        body.DomElement.contentEditable = true;

        doc.documentElement.style.overflow = "hidden";
    }

【讨论】：