可滚动区域顶部的绝对位置元素并一次滚动两个不同的元素

Question

基本上我想要做的是有两个条带，一个在左侧，一个在网格顶部（两个列表框都将包含文本元素）。当用户在我的网格内滚动时，我希望这两个列表保持可见。

例如，这些条带可以是标尺（上面只有数字和线条），当用户向右滚动时，顶部的“标尺”会随着网格一起滚动，但左侧的标尺仍然可见。用户垂直滚动时也是如此：侧边标尺上的数字增加，但顶部的标尺仍然可见。

这是一张图片（虽然只有一个标尺，但它显示了我想要做什么。蓝色方块基本上是窗口，如果它水平滚动，侧边栏仍然可见，但如果它垂直滚动，侧边栏颜色会改变。

Answer 1

在您的 xaml 中定义两个网格。

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
     <Grid x:Name="Grid1">
       //scrollviewer code
     </Grid>
     <Grid x:Name="Grid2">
       //sidebar code
     </Grid>
 </Grid>   

网格 1 包含滚动视图，网格 2 包含侧边栏。这两个网格应该在同一个父级中定义。这将使它们相互重叠。在操纵事件中，您可以使用它们的可见性。我希望这会有所帮助。