我们使用 WPF WebBrowser 控件来显示嵌入页面。在 Windows 8 上,我们观察到具有 css 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>