WPF中ScrollViewer嵌套DataGrid与ComboBox的滚轮滚动问题

问题场景 #

把DataGrid嵌套在ScrollViewer里，因为DataGrid内的ComboBox内容过长需要外层滚动。一开始DataGrid无法自行滚动，给它加了PreviewMouseWheel事件并将事件转发到ScrollViewer后，DataGrid滚动正常了，但新问题出现：展开ComboBox下拉列表时，滚动滚轮会同时带动ScrollViewer滚动，导致ComboBox列表只能小幅滚动，体验极差。拖动滚动条操作正常，但用户需要滚轮优先滚动鼠标悬停的内容（即ComboBox下拉列表）。试过给ComboBox加事件处理，仅设置e.Handled=True会导致ComboBox自身也无法滚动，不知道怎么正确处理这个冲突。

解决方案 #

核心思路是判断滚轮事件的源头是否属于ComboBox的下拉Popup：如果是，就不转发事件给外层ScrollViewer，让ComboBox自己处理滚轮；否则继续转发，保证DataGrid和外层ScrollViewer的滚动正常。

具体实现 #

1. 保留DataGrid的PreviewMouseWheel事件处理，在转发前先通过视觉树判断事件源是否在ComboBox的下拉容器中。
2. 递归遍历视觉树，识别ComboBox下拉列表对应的ScrollViewer元素。

完整测试代码 #

XAML布局

<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <ScrollViewer x:Name="OuterScrollViewer" VerticalScrollBarVisibility="Auto">
        <DataGrid x:Name="MyDataGrid" PreviewMouseWheel="MyDataGrid_PreviewMouseWheel"
                  AutoGenerateColumns="False" Height="600">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="长内容下拉框">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <ComboBox x:Name="MyComboBox" ItemsSource="{Binding Items}" 
                                      Width="200" Height="30"/>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </ScrollViewer>
</Window>

C#后台代码

using System.Collections.Generic;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;

namespace WpfApp1
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            // 构造测试数据
            var dataList = new List<MyDataItem>();
            for (int i = 0; i < 20; i++)
            {
                var item = new MyDataItem();
                for (int j = 0; j < 50; j++)
                {
                    item.Items.Add($"下拉选项 {j+1}");
                }
                dataList.Add(item);
            }
            MyDataGrid.ItemsSource = dataList;
        }

        private void MyDataGrid_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
        {
            var currentElement = e.OriginalSource as DependencyObject;
            // 判断当前滚轮事件是否来自ComboBox下拉列表
            if (!IsElementInComboBoxPopup(currentElement))
            {
                // 转发事件给外层ScrollViewer
                OuterScrollViewer.ScrollToVerticalOffset(OuterScrollViewer.VerticalOffset - e.Delta);
                e.Handled = true;
            }
            // 若是ComboBox下拉内容，不处理事件，让ComboBox自行处理
        }

        // 递归遍历视觉树，检查元素是否属于ComboBox的下拉Popup
        private bool IsElementInComboBoxPopup(DependencyObject element)
        {
            if (element == null) return false;

            // 识别ComboBox下拉列表的ScrollViewer
            if (element is ScrollViewer scrollViewer && scrollViewer.TemplatedParent is ComboBoxItem)
            {
                return true;
            }

            // 向上遍历父元素
            var parent = VisualTreeHelper.GetParent(element);
            return IsElementInComboBoxPopup(parent);
        }
    }

    public class MyDataItem
    {
        public List<string> Items { get; set; } = new List<string>();
    }
}

效果说明 #

• 鼠标悬停在DataGrid区域滚动时，外层ScrollViewer正常滚动；
• 展开ComboBox下拉列表并悬停其上滚动时，只有ComboBox列表滚动，外层ScrollViewer不会联动；
• 拖动滚动条的原有正常逻辑不受影响。

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