#鸿蒙通关秘籍#如何处理滚动时视频的显隐和视频卡片的吸顶效果？

可以通过监听Scroll的滚动位置，在onReachEnd()事件中将视频隐藏，在onScroll()事件中根据条件恢复视频。使用isHideVideo状态控制视频的高度来实现其显隐，同时调整视频卡片的上边距来保持Scroll内容高度不变。

@State @Watch('onIsHideVideoChange') isHideVideo: boolean = false;

// 监听Scroll事件
Scroll(this.scroller) {
    ...
}
.onScroll((xOffset: number, yOffset: number) => {
    if (yOffset < 0 && this.isHideVideo) {
        this.isHideVideo = false;
    }
}).onReachEnd(() => {
    this.isHideVideo = true;
});

// 控制视频高度
Stack({ alignContent: Alignment.Bottom }) {
    ...
}
.width($r('app.string.video_linkage_list_full_size'))
.height(this.isHideVideo ? 0 : Constants.VIDEO_HEIGHT)