3

我们使用 WPF WebBrowser 控件来显示嵌入页面。在 Windows 8 上,我们观察到具有 css position:fixed 的元素在滚动时出现奇怪的跳跃行为。

position:fixed 滚动时是跳跃的

同一页面在 Windows 8 上的 IE10(还有 FF、Chrome)和 Windows 7 上的 WPF WebBrowser 控件中运行良好。

有没有人见过这种行为并且知道跳跃动作的解决方法?

与开发机器上的 .Net 版本 4 相比,测试机器上使用的 .NET 版本 4.5(带有 Win 8 的 Surface)是否可能是问题?

开发环境:

  • Windows 7的
  • Microsoft Visual Studio 2010 版本 10.0.30319.1 RTMRel
  • Microsoft .NET 框架版本 4

测试环境:

  • 表面
  • 视窗 8
  • Microsoft .NET 框架 4.5 版

客户端 XAML:

<Window x:Class="EmbeddedBrowserTest.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <WebBrowser HorizontalAlignment="Stretch" Name="webBrowser" VerticalAlignment="Stretch" Grid.Row="1" />
    </Grid>
</Window>

演示页面 HTML:

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" />
    <title>minimal position fixed example</title>
    <style>
        body {
            margin: 0px
        }           
        .header{
            height: 60px;
            width: 960px;
            background-color: #cccccc;
            top: 0px;
            left: 0px;
            position: fixed;
            z-index: 10;
        }    
        .content{
            padding-top: 60px;
            height: 420px;
            width: 960px;
            background-color: lightsteelblue;
        }    
    </style>
</head>

<body>
    <div class="header">
        header
    </div>    
    <div class="content">
        content <br> 1 <br> 2 <br> 3 <br> 4 <br> 5 <br> 6 <br> 7 <br>
    </div>                
</body>

</html>
4

2 回答 2

3

如果加载到控件和独立 IE 浏览器中的同一网页的行为存在差异,WebBrowser通常可以通过实现WebBrowser Feature Control来解决问题。

一旦实现了功能控制,就可以验证它是否<!DOCTYPE html>被观察到WebBrowser并且页面实际上是在 HTML5 标准模式下呈现的,下面.

[更新]FEATURE_BROWSER_EMULATION设置为9000并且META标签固定为<meta http-equiv="X-UA-Compatible" content="IE=9" />content="IE9"不是有效值)时,OP 的示例页面实际上可以正确呈现。

于 2013-09-14T14:09:30.597 回答
0

我们再次检查了一台同样运行 Windows 8 的新机器,错误消失了,经过一些检查,我们确定新机器安装了一些适用于 Windows 8 的新更新。我们去检查 Surface 上的更新,在应用所有更新后,错误似乎消失了。

无需任何重新编译或进一步设置,只需应用最新的 Win 8 更新即可修复错误。

现在滚动很流畅。相同的可执行文件没有变化,所以我想这毕竟是运行时库中的一些错误。

于 2013-09-18T08:02:53.857 回答