HarmonyOS List组件做吸顶效果，吸顶view是透明背景，吸顶view下的列表滚动内容可以透过吸顶view

@Entry  
@Component  
struct Index {  
  @State arr: number[] = [1,2,3,4,5,6,7,8,9,10,11,12,13,14]  
  build() {  
    Scroll() {  
      Column() {  
        Text("Scroll第一部分 Area")  
          .width("100%")  
          .height(200)  
          .backgroundColor('#0080DC')  
          .textAlign(TextAlign.Center)  
        Column(){  
          // 第二部分吸顶效果主要是通过设置nestedScroll属性以及父组件设置高度100%引起的  
          // 无论多段内容，只需要将吸顶内容与list组件放入同一个父容器中.且为最后一段内容即可形成该效果  
          Text("Scroll第二部分 Area").width("100%").height(100).backgroundColor(Color.Transparent)  
            .textAlign(TextAlign.Center).fontColor(Color.Black)  
          List({ space: 10 }) {  
            ForEach(this.arr, (item: number) => {  
              ListItem() {  
                Text("item" + item).fontSize(16).height(72).width('100%').border({width:1}).fontColor(Color.Black)  
              }  
            }, (item: string) => item)  
          }.width("100%")  
          .height("calc(100% - 100vp)").backgroundColor(Color.Blue)  
          .edgeEffect(EdgeEffect.Spring)  
          .nestedScroll({  
            scrollForward: NestedScrollMode.PARENT_FIRST,  
            scrollBackward: NestedScrollMode.SELF_FIRST  
          })  
        }.height("100%")  
      }.width("100%")  
    }  
    .edgeEffect(EdgeEffect.Spring)  
    .friction(0.6)  
    .backgroundColor(Color.White)  
    .scrollBar(BarState.Off)  
    .width('100%')  
    .height('100%')  
  }  
}