如何让WPF ScrollViewer的垂直滚动条始终可见？

核心问题 #

你遇到的问题主要来自两处：

1. 滚动条容器与Thumb尺寸冲突：PART_VerticalScrollBar的宽度被设为1，但自定义的PropertiesUCScrollBarThumb里设置了Width="8"，导致Thumb超出容器被完全裁剪，即使滚动条本身可见，也看不到Thumb。
2. 无滚动内容时的Thumb显示逻辑：当ScrollableHeight为0（无滚动内容）时，ScrollBar的Maximum值为0，Track会默认将Thumb高度计算为整个Track高度，再加上你的Track没有背景，就会让滚动条看起来像是消失了；同时默认ScrollBar逻辑会在无滚动需求时隐藏Thumb，需要强制保持其可见性。

修复步骤 #

1. 匹配滚动条与Thumb的尺寸

修改PART_VerticalScrollBar的宽度，让它能容纳Thumb：

<ScrollBar x:Name="PART_VerticalScrollBar"
           Grid.Column="1"
           Style="{DynamicResource PropertiesUCScrollBar}"
           Value="{TemplateBinding VerticalOffset}"
           Maximum="{TemplateBinding ScrollableHeight}"
           ViewportSize="{TemplateBinding ViewportHeight}"
           Visibility="Visible"
           Width="8" /> <!-- 将Width从1改为8，与Thumb宽度一致 -->

2. 强制Thumb保持最小尺寸

在PropertiesUCScrollBarThumb的样式中添加最小高度设置，确保无滚动内容时Thumb不会消失：

<Style x:Key="PropertiesUCScrollBarThumb"
       TargetType="{x:Type Thumb}">
    <Setter Property="SnapsToDevicePixels"
            Value="True" />
    <Setter Property="IsTabStop"
            Value="false" />
    <Setter Property="Focusable"
            Value="false" />
    <Setter Property="MinHeight" Value="20"/> <!-- 添加最小高度，可根据需求调整 -->
    <Setter Property="Template">
        <!-- 原模板内容保持不变 -->
    </Setter>
</Style>

3. 给滚动条添加固定背景区域

修改PropertiesUCVerticalScrollBar模板，给滚动条容器添加背景，让滚动条区域始终可见：

<ControlTemplate x:Key="PropertiesUCVerticalScrollBar"
                 TargetType="{x:Type ScrollBar}">
    <Grid>
        <Border CornerRadius="2"
                Background="#f0f0f0" /> <!-- 添加浅灰色背景，明确滚动条区域 -->
        <Track x:Name="PART_Track"
               Grid.Row="1"
               IsDirectionReversed="true"
               Background="Transparent"> <!-- 给Track设置透明背景，避免遮挡容器背景 -->
            <Track.Thumb>
                <!-- 原Thumb内容保持不变 -->
            </Track.Thumb>
        </Track>
    </Grid>
</ControlTemplate>

4. 绑定滚动条可见性到ScrollViewer属性（可选）

如果你希望后续能通过修改VerticalScrollBarVisibility属性控制滚动条显示，可将滚动条的Visibility改为模板绑定：

<ScrollBar x:Name="PART_VerticalScrollBar"
           ...
           Visibility="{TemplateBinding VerticalScrollBarVisibility}" />

效果说明 #

修改后，即使没有可滚动内容，垂直滚动条的背景区域会始终显示，Thumb也会以你设置的最小高度保持可见，完全符合你的需求。

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