WPF中CefSharp v79页面平滑滚动实现方案求助

你遇到的问题其实很典型——WPF的ScrollViewer.CanContentScroll对CefSharp页面完全不起作用，因为ChromiumWebBrowser内部的滚动是由Chromium内核独立处理的，和WPF的布局系统根本不搭边。下面给你两个实用的解决思路：

方法一：注入JS/CSS让页面本身支持平滑滚动 #

这个方法针对单个页面生效，通过在页面加载完成后注入代码，强制开启平滑滚动：

步骤1：给ChromiumWebBrowser命名 #

先修改你的XAML，给控件加个名字方便后台操作：

<Grid>
    <cefsharp:ChromiumWebBrowser x:Name="chromeBrowser" Address="https://stackoverflow.com/"/>
</Grid>

步骤2：添加加载完成事件并注入代码 #

在窗口的后台代码（比如MainWindow.xaml.cs）里，监听页面加载完成事件，然后注入CSS或JS：

public MainWindow()
{
    InitializeComponent();
    // 绑定页面加载完成事件
    chromeBrowser.FrameLoadEnd += ChromeBrowser_FrameLoadEnd;
}

private async void ChromeBrowser_FrameLoadEnd(object sender, FrameLoadEndEventArgs e)
{
    // 只在主框架加载完成后执行注入
    if (e.Frame.IsMain)
    {
        // 方案A：注入CSS，强制所有可滚动元素使用平滑滚动
        var smoothScrollCss = @"
            * {
                scroll-behavior: smooth !important;
            }
        ";
        // 转义单引号避免JS语法错误
        var escapedCss = smoothScrollCss.Replace("'", "\\'");
        await chromeBrowser.GetMainFrame().ExecuteJavaScriptAsync(
            $"var style = document.createElement('style'); style.textContent = '{escapedCss}'; document.head.appendChild(style);"
        );

        // （可选）方案B：覆盖window.scrollTo方法，确保所有滚动调用都用平滑模式
        var smoothScrollJs = @"
            const originalScrollTo = window.scrollTo;
            window.scrollTo = function(options) {
                if (typeof options === 'object' && options.behavior === undefined) {
                    originalScrollTo({top: options.top, left: options.left, behavior: 'smooth'});
                } else {
                    originalScrollTo(options);
                }
            };
        ";
        await chromeBrowser.GetMainFrame().ExecuteJavaScriptAsync(smoothScrollJs);
    }
}

这个方法的好处是灵活，能针对不同页面调整，而且对网页内的自定义滚动容器（比如带overflow的div）也能生效。

方法二：通过Chromium命令行参数全局启用平滑滚动 #

如果你希望所有加载的页面都默认开启平滑滚动，可以在Cef初始化的时候添加命令行参数：

步骤1：在应用启动时初始化Cef #

打开App.xaml.cs，重写OnStartup方法，添加初始化代码：

protected override void OnStartup(StartupEventArgs e)
{
    var cefSettings = new CefSettings();
    // 添加Chromium的平滑滚动启用参数
    cefSettings.CefCommandLineArgs.Add("enable-smooth-scrolling", "1");
    
    // 初始化Cef（确保只调用一次）
    if (!Cef.IsInitialized)
    {
        Cef.Initialize(cefSettings);
    }
    
    base.OnStartup(e);
}

// 记得在应用关闭时清理Cef
protected override void OnExit(ExitEventArgs e)
{
    if (Cef.IsInitialized)
    {
        Cef.Shutdown();
    }
    base.OnExit(e);
}

这个方法是让Chromium内核本身开启平滑滚动，全局生效，不需要每个页面单独处理。不过要注意，有些网页可能会自己覆盖滚动行为，这时候可能还是需要结合方法一的CSS注入来保证效果。

注意事项 #

• 确保你的CefSharp v79版本是完整安装的，包括正确的依赖库
• 如果网页有自定义的滚动逻辑，可能需要针对性调整注入的代码，比如给特定的滚动容器添加scroll-behavior: smooth

内容的提问来源于stack exchange，提问作者EternalC0der