HarmonyOS 鸿蒙Next 吸顶到导航下方怎么实现

[@Entry](/user/Entry)
[@Component](/user/Component)
struct TestStickPage {
    [@State](/user/State) xd: number = 0

    build() {
        Stack({
            alignContent: Alignment.Top
        }) {
            Scroll() {
                Column() {
                    Column() {
                        Text('hello')
                            .fontSize(50)
                            .fontWeight(FontWeight.Bold)
                    }
                    .width('100%')
                    .height(300)
                    .backgroundColor(Color.Brown)

                    Row() {
                        Text('吸顶')
                    }
                    .width('100%')
                    .height(56)
                    .backgroundColor(Color.Gray)
                    .id('xxxx')

                    Column() {
                        Text('上')
                            .fontColor('#fff')
                        Text('底')
                            .fontColor('#fff')
                    }
                    .width('100%')
                    .height(1000)
                    .justifyContent(FlexAlign.SpaceBetween)
                    .backgroundColor(Color.Black)
                }
            }
            .height('100%')
            .onScroll(() => {
                // 用来获取节点相对与窗口距离 单位是 px
                const r = this.getUIContext()
                    .getComponentUtils()
                    .getRectangleById('xxxx')
                const y = px2vp(r.windowOffset.y)
                // 56 + 38
                // 沉浸式 navBar 高度 56 statusBar 高度 38
                if (y <= 94) {
                    // 吸顶
                    this.xd = 94
                }
                else {
                    // 取消吸顶
                    this.xd = 0
                }
            })

            if (this.xd > 0) {
                Row() {
                    Text('吸顶')
                }
                .width('100%')
                .height(56)
                .backgroundColor(Color.Gray)
                .position({
                    x: 0,
                    y: this.xd
                })
            }
        }
    }
}