WPF WebBrowser控件 - 位置：fixed元素在滚动时跳转（Windows 8） [英] WPF WebBrowser Control - position:fixed Element jumps while scrolling (Windows 8)
问题描述
我们使用WPF WebBrowser控件显示嵌入页面。在Windows 8上，我们观察到一个奇怪的跳跃行为的元素与CSS位置：固定时滚动。
同样的页面在Windows 8（也是FF，Chrome）上的IE10和Windows 7上的WPF WebBrowser控件中工作正常。
有没有人看到这个行为之前，并知道一个修复的跳跃运动？
是可能的.NET版本4.5在测试机上使用
开发环境：
- Windows 7
- Microsoft Visual Studio 2010版本10.0.30319.1 RTMRel
- Microsoft .NET Framework版本4
测试环境：
- 表面
- Windows 8
- Microsoft .NET Framework 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 =MainWindowHeight =350Width =525>
< Grid>
< WebBrowser HorizontalAlignment =StretchName =webBrowserVerticalAlignment =StretchGrid.Row =1/>
< / Grid>
< / Window>
演示页HTML：
<！DOCTYPE html>
< html>
< head>
< meta http-equiv =X-UA-Compatiblecontent =IE = 9/>
< title>最小位置固定示例< / 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>
并且错误消失了，在一些检查后，我们确定新机器已安装了一些新的更新的Windows 8。我们去检查表面上的更新，应用所有更新后错误似乎消失了。
没有任何重新编译或进一步的设置只是通过应用最新Win 8更新错误已修复。
滚动功能现在流畅。相同的可执行文件没有更改，所以我想它是一些错误的运行时libs毕竟。
We use the WPF WebBrowser control to display an embedded page. On Windows 8 we observe a strange jumping behavior of elements with css position:fixed while scrolling.
The same page works fine in IE10 on Windows 8 (also FF, Chrome) and in the WPF WebBrowser control on Windows 7.
Has anyone seen this behavior before and knows a fix for the jumping motion?
Is it possible the .NET Version 4.5 used on the test machine (Surface with Win 8) be the Problem as compared to the .Net Version 4 on the dev machine?
The Development Environment:
- Windows 7
- Microsoft Visual Studio 2010 Version 10.0.30319.1 RTMRel
- Microsoft .NET Framework Version 4
The Test Environment:
- Surface
- Windows 8
- Microsoft .NET Framework Version 4.5
Client 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>
Demo Page 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>
We checked again on a new Machine also running Windows 8 and the error was gone, after some checks we determined that the new Machine had some new Updates for Windows 8 installed. We went to check for Updates on the Surface and after applying all Updates the Error seems to be gone.
Without any recompilation or further settings just by applying the latest Win 8 Updates the error is fixed.
Scrolling is smooth now. Same executable no changes, so i guess it was some bug in the runtime libs after all.
这篇关于WPF WebBrowser控件 - 位置：fixed元素在滚动时跳转（Windows 8）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
