HarmonyOS list滑动问题

import { curves }from '@kit.ArkUI' 
@Entry 
@Component 
struct Test67 { 
  @State initialIndex: number = 0; 
  scrollerForList: Scroller = new Scroller(); 
  @State arr: number[] = [1,2,3,4,5,6,7,8,9,10] 
 
  build() { 
    Column() { 
      Button("click").onClick(() => { 
        let curve = Curves.interpolatingSpring(10, 1, 228, 30) //创建一个阶梯曲线 
        const redLine = 30; //根据实际红线log调整 回滚根据实际加个判断偏移量 
        let num = 100 * (8 - this.initialIndex) + redLine; //获取当前index,当前滚动偏移量，目标item index,计算偏移量 
        const xOffsetNow: number = this.scrollerForList.currentOffset().xOffset; 
        this.scrollerForList.scrollTo({ xOffset: xOffsetNow + num, yOffset:  0, animation: { duration: 1000, curve: curve } }) 
      }) 
      List({ space: 20, initialIndex: this.initialIndex, scroller: this.scrollerForList }) { 
        ForEach(this.arr, (item: number) => { 
          ListItem() { 
            Text(item.toString()).width(100).height(50).backgroundColor(Color.Pink) 
          } 
          .borderRadius(10) 
          .width('30%') 
          .height('80%') 
        }) 
      } 
      // 滑动位置实时监听 
      .onScrollIndex((_start, _end, center) => { 
        // showToast('center='+center) 
        this.initialIndex = center 
      }) 
      .chainAnimation(true) 
      .alignListItem(ListItemAlign.Center) 
      .edgeEffect(EdgeEffect.Spring) 
      .listDirection(Axis.Horizontal) 
      .height('100%') 
      .width('100%') 
      .margin({ top: 20 }) 
      .scrollSnapAlign(ScrollSnapAlign.CENTER) 
      .borderRadius(10) 
      .backgroundColor(Color.Transparent) 
    } 
  } 
}