UWP中ScrollViewer插入内容后保持滚动位置的技术问询

这个问题我之前做UWP项目时也碰到过，核心原因是在StackPanel头部插入元素会改变整个面板的起始偏移基准——原来的HorizontalOffset是相对于StackPanel左边缘的，插入新元素后左边缘被推远了，原来的偏移值自然就对应到了错误的位置。

这里有两种可靠的解决思路，你可以根据自己的场景选择：

方法一：基于偏移量计算修正（适合固定宽度项或能提前获取项宽度的场景） #

步骤很清晰：在插入新项前记录当前的滚动偏移，插入后把偏移量加上新项的宽度，就能让视口保持原位。

// 1. 插入前记录当前滚动偏移
var originalOffset = Scroller.HorizontalOffset;

// 2. 创建并准备新项
var newItem = new Item();
// 如果新项还没完成布局，需要先测量它的实际宽度（固定宽度项可跳过此步）
newItem.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
var newItemWidth = newItem.DesiredSize.Width;

// 3. 插入新项
StackItems.Children.Insert(0, newItem);

// 4. 修正滚动偏移，保持原视口位置
Scroller.ScrollToHorizontalOffset(originalOffset + newItemWidth);

方法二：滚动回原可见元素（适合需要锁定特定元素的场景） #

如果你的需求是要保持当前显示的元素在视口中（比如你之前滚动到了第4项，插入后还要让第4项留在原位），可以先记录当前视口中的目标元素，插入后直接滚动到它：

// 1. 先找到当前视口中的目标元素（比如你之前滚动到的第4项）
var targetElement = StackItems.Children[4] as UIElement;

// 2. 插入新项
StackItems.Children.Insert(0, new Item());

// 3. 滚动回目标元素，保持它在视口的原来位置
Scroller.ScrollToElement(targetElement, ScrollAlignment.Center);

额外提示 #

如果你的Item是动态加载的或者布局比较复杂，建议在插入后等待布局完成再执行滚动操作，可以用Dispatcher.RunAsync确保布局更新完成：

await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
{
    Scroller.ScrollToHorizontalOffset(originalOffset + newItemWidth);
});

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