c# - WPF WebBrowser 控件 - 位置 :fixed Element jumps while scrolling (Windows 8)-6ren

c# - WPF WebBrowser 控件 - 位置 :fixed Element jumps while scrolling (Windows 8)

转载作者：行者123 更新时间：2023-11-30 16:17:26

25

4

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

position:fixed is jumping when scrolling

同一页面在 Windows 8(还有 FF、Chrome)上的 IE10 和 Windows 7 上的 WPF WebBrowser 控件中工作正常。

有没有人以前见过这种行为并且知道跳跃 Action 的修复方法？

与开发机器上的 .Net 版本 4 相比，测试机器(带有 Win 8 的 Surface)上使用的 .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="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>

最佳答案

如果载入 WebBrowser 的同一网页的行为存在差异控制和独立的 IE 浏览器，这个问题通常可以通过实现 WebBrowser Feature Control 来解决。 .

一旦实现了功能控制，验证 <!DOCTYPE html> 就有意义了被 WebBrowser 观察到并且该页面实际上以 HTML5 标准模式呈现，here's how .

[更新] 当 FEATURE_BROWSER_EMULATION 时，OP 的示例页面实际上呈现正确。设置为 9000和 META标签固定为 <meta http-equiv="X-UA-Compatible" content="IE=9" /> (content="IE9" 是 not a valid value)。

关于c# - WPF WebBrowser 控件 - 位置 :fixed Element jumps while scrolling (Windows 8)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17209626/

25

4

0

文章推荐： c# - 获取页脚的 RowIndex

文章推荐： c# - MvvmCross 自定义绑定(bind)通过 INotifyPropertyChanged

文章推荐： c - 使用Matlab Coder后如何在Visual Studio中显示Matlab变量值？

文章推荐： c# - 如果某事是无效的，如何缩短

objective-c - 如何在一个实体(控件)中组合多个 iOS 控件？
我想实现自定义搜索，但遇到了一个麻烦。我需要将 UIButton、SearchBar 组合在一个控件中，以便我可以通过指针引用它。然后我将向该组合控件动态添加更多 UIbutton。最重要的是，我想将
c# - 从母版页的代码后面访问 RadEditor 控件...当它存在时找不到任何 radEditor 控件...有什么问题吗？
它没有在我的方法中执行 if block 中的语句母版页:- 页面加载事件:- Control c = new Control(); DoSomething(c); 我的方法:- protecte
java - ListView 控件(如 ComBox 控件)中 setConverter 的等效项在哪里？
ComboBox 控件有一个 setConverter 方法，请参阅 JavaFX ComboBox - Display text but return ID on selection举个例子。我正在
用于标记化的 WPF 控件
我没有找到任何包含用于标记化(标记)文本输入的控件的 wpf 库。也许我找不到库，因为我错误地调用了这个组件。怎么叫或者哪里有这样的库？最佳答案 DevExpress WPF 库包含多个数据编辑控件
带有代码高亮显示的 Silverlight 控件？
是否有 Silverlight 控件允许您输入文本并将其突出显示为代码？例如: foreach (client in Clients){ client.Save();} would become
WPF TopMost 控件
我有以下用户控件 a) Panel.ZIndex="99999999" 是否是将此控件设置为该控件中 TopMost 的正
C# 隐藏所有标签/控件
是否可以在 Windows 窗体中使用 C# 在窗体加载时隐藏所有特定控件，例如标签或按钮，然后选择显示我不想显示的那些？我有一个包含很多按钮和标签的程序，但我只想在加载时显示一两个，我觉得对每个标
delphi - 如何复制组件/控件？
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Duplicating components at Run-Time 我有一个TMyControl ( Contro
delphi - 控件 'xxx'没有父窗口
我正在尝试在 Delphi 中编写一个 dll 库，其中包含一个创建 TFrame 后代实例并返回它的函数。但是当我在应用程序中导入这个函数时，每次调用它时，我都会得到一个异常，例如“'xxx'控件没
winapi - 如何检测屏幕上特定点的窗口/控件？
是否有 Win32 API 调用来确定哪些窗口和/或控件在特定坐标和/或鼠标下可见？最佳答案您可以使用GetWindowFromPoint 。它将返回窗口句柄，以便您可以使用 GetClassNa
接受数学公式作为输入的 WinAPI 控件
我需要在编辑控件中输入以下公式: 公式是在 MS Word 中制作的。尝试将其复制/粘贴到编辑控件(单行或多行)后，我得到 M 0.33 Q10T9.1-9.7。当我输入这个时，我正在研究 Rich
创建 IWebBrowser2 控件
我只是想成功地将它添加到我的窗口中，但这却出奇地困难。我已经尝试过 #include "windef.h" #include "winbase.h" #include "initguid.h" #i
javascript - 自定义街景按钮/控件
我希望能够使用 google maps api v3 拥有自己的“街景”按钮。单击按钮时，我希望它根据我的标记经纬度加载街景。然后我希望按钮更改为“返回 map ”，然后再次加载默认 map View
PHP - Javascript 控件
我目前正在用 PHP 开发(另一个)开源 CMS，我想使用 javascript 控件，尤其是管理面板。问题是，是否有任何具有 PHP 接口(interface)的开源、可自由分发的控件(用于创建 j
PostgreSQL VCL 控件
我为其编写软件的产品之一是会计类应用程序。它用 C++ 编写，使用 C++ Builder 和 VCL 控件，连接到运行在 Linux 上的 PostgreSQL 数据库。 PostgreSQL 数据
Java KeyListener 控件
我使用 Key Listener 来读取用户的输入，但我遇到了问题。首先，我读到 JTextField“请输入您的姓名”。如果用户输入一个名字，例如 John，它将更改为 John。但是，如果用户输入
css - 如何对齐数据表列中的文本/控件？
我正在尝试对齐数据表列中的复选框(h=center，v=middle) ... 但复选框仍然显示在错误的位置(见附图)
用于深入了解统计树的 JavaScript 控件
我有一个包含统计信息的 JSON 数据树: { prefix: "a", count: 20, children: [ { prefix: "a:b", c
c# - ListView 控件
我在 Photoshop 中设计了一个模型，我打算将它应用到我的产品目录的 ListView 控件中，但它似乎没有正确显示(未对齐？)，我希望这里的人可以像我一样指出我的错误试图弄清楚无济于事。预期
ASP.NET 控件
您是使用 ASP.NET 控件还是仅使用带有 CSS 的 HTML？我在 TextBox 和 DropDownList 的宽度方面遇到了一些问题。在不同的浏览器中，宽度会有所不同，控件的大小也不会相

首页

博学

6Ren·AI

商城

c# - WPF WebBrowser 控件 - 位置 :fixed Element jumps while scrolling (Windows 8)