HarmonyOS鸿蒙Next中List包裹Repeat开启虚拟滚动数据量大的时候调用scrollTo回到顶部会卡顿

开发者你好，可以参考以下方案优化性能：

【解决方案】 可以采用先调用scrollToIndex关闭动画跳转到目标附近位置，再调用scrollToIndex开启动画滚动到目标位置的间接跳转的方式，优化性能。 以纵向滚动的5000个元素的长列表，调用scroller反复滚动到列表顶部和底部为例，示例代码如下：

@Entry
@ComponentV2
export struct virtrulScroll {
  private itemHeight: number = 50;
  private readonly list: string[] = Array
    .from({ length: 5000 }, (_: number, i: number) => i + 1)
    .map((i: number) => `index: ${i}`);
  private readonly scroller: Scroller = new Scroller();

  build() {
    Column() {
      Row({ space: 10 }) {
        Button('scroll to top')
          .fontSize(13)
          .onClick(() => {
            // 用currentOffset().yOffset获取当前滑动偏移量除以单项高度获得index做判断，离目标位置超过200项则以关闭动效先滚动到目标位置附近
            if (this.scroller.currentOffset().yOffset / this.itemHeight >= 200) {
              this.scroller.scrollToIndex(200, false);
            }
            this.scroller.scrollToIndex(0, true);
          });
        Button('scroll to bottom')
          .fontSize(13)
          .onClick(() => {
            if (this.scroller.currentOffset().yOffset / this.itemHeight <= this.list.length - 200) {
              this.scroller.scrollToIndex(this.list.length - 200, false);
            }
            this.scroller.scrollToIndex(this.list.length - 1, true);
          });
        Button('jump 1000')
          .fontSize(13)
          .onClick(() => {
            console.info('currentoffset: ', this.scroller.currentOffset().yOffset);
            this.scroller.scrollToIndex(1000, false);
          });
      };

      List({
        scroller: this.scroller,
      }) {
        Repeat(this.list)
          .key((item: string) => item)
          .virtualScroll({ totalCount: this.list.length })
          .templateId(() => '1')
          .template('1', (repeatItem: RepeatItem<string>) => {
            ListItem() {
              Text(repeatItem.item)
                .width('100%')
                .height(this.itemHeight)
                .padding(5)
                .textAlign(TextAlign.Center);
            };
          })
          .each((repeatItem: RepeatItem<string>) => {
            ListItem() {
              Text(repeatItem.item)
                .width('100%')
                .height(this.itemHeight)
                .padding(5);
            };
          });
      }
      .width('100%')
      .height(200)
      .layoutWeight(1);
    }.backgroundColor(Color.White);
  }
}

或者可以考虑使用Repeat的virtualScroll模式。Repeat根据容器组件的有效加载范围（可视区域+预加载区域）加载子组件。当容器滑动/数组改变时，Repeat会根据父容器组件传递的参数重新计算有效加载范围，实时管理列表节点的创建与销毁。该模式适合需要懒加载的长数据列表/通过组件复用优化性能表现的场景。