HarmonyOS 鸿蒙Next中如何禁止tabs的吸顶效果

【背景知识】 Scroll：可滚动的容器组件，当子组件的布局尺寸超过父组件的尺寸时，内容可以滚动。 nestedScroll：设置前后两个方向的嵌套滚动模式，实现与父组件的滚动联动。

【解决方案】 可能由于TabContent内部还嵌套了一个list导致的，滚动的时候优先滚动了list组件导致的。可以给TabContent的内容.nestedScroll，优先滚动自身组件避免吸顶效果。可以参考如下demo：

@Entry
@Component
struct ScrollerTest {
  subsController: TabsController = new TabsController()
  @State arr: string[] = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15']
  @State textHeight: number = 200
  @State scrollLength: number = 0

  build() {
    Scroll() {
      Column() {
        Tabs({ barPosition: BarPosition.Start, controller: this.subsController }) {
          TabContent() {
            List({ space: 10 }) {
              ForEach(this.arr, (item: number) => {
                ListItem() {
                  Row() {
                    Text('item' + item)
                      .fontSize(16)
                      .height(72)
                      .fontColor(Color.Black)
                  }
                  .width('100%')
                  .height(72)
                  .justifyContent(FlexAlign.Center)
                }
                .borderRadius(15)
                .backgroundColor(Color.White)
              }, (item: string) => item)
            }
            .padding({ left: 10, right: 10 })
            .width('100%')
            .height('100%')
            .scrollBar(BarState.Off)
            .nestedScroll({
              scrollForward: NestedScrollMode.SELF_FIRST, // 向上滚动SELF_FIRST：自身组件先滚动，滚动到边缘以后父组件滚动。
              scrollBackward: NestedScrollMode.SELF_FIRST
            })
          }
          .tabBar('关注')
          .backgroundColor(Color.Gray)

          TabContent() {
            Text('推荐')
          }
          .tabBar('推荐')
          .backgroundColor(Color.White)
        }
        .backgroundColor('#6dbab8b8')
        //.padding({ top: this.bottomLength })
      }
      .width('100%')
    }
    .edgeEffect(EdgeEffect.Spring)
    .friction(0.6)
    .backgroundColor(Color.White)
    .scrollBar(BarState.Off)
    .width('100%')
    .height('100%')
    .onWillScroll((xOffset: number, yOffset: number) => {
      this.scrollLength += yOffset;
      if (this.scrollLength >= 100) {
        this.textHeight = 100
      }
      if (this.scrollLength < 100) {
        this.textHeight = 200
      }
    })
  }
}