Scroll滚动容器用法

// scrollable 设置滚动方向，ScrollDirection.Vertical 纵向  ScrollDirection.Horizontal横向
// scrollBar  设置滚动条状态，BarState
// scrollBarColor  设置滚动条颜色  string| number | Color
// scrollBarWidth  设置滚动条宽度  string| number
// edgeEffect 设置边缘滑动效果 EdgeEffect.None无 EdgeEffect.Spring弹簧 EdgeEffect.Fade阴影


// 简单用法
Scroll() {
    // 只支持一个子组件
    Column () {
        // 内容放在内部
        // 尺寸超过Scroll即可滚动
    }  
}
.width('100%')
.height(200)
.scrollable(ScrollDirection.Vertical)


// 点击某个按钮，让滚动条回到顶部
struct ScrollDemo {
    scroller: Scroller = new Scroller();
    
    build () {
        Column () {
            // 简单用法
            Scroll(this.scroller) {
                // 只支持一个子组件
                Column () {
                    // 内容放在内部
                    // 尺寸超过Scroll即可滚动
                }  
            }
            .width('100%')
            .height(200)
            .scrollable(ScrollDirection.Vertical)
            
            Button('回到顶部').onClick(() => {
                this.scroller.scrollEdge(Edge.Top)
            })

            Button('获取滚动距离').onClick(() => {
                const x = this.scroller.currentOffset().xOffset
                const y = this.scroller.currentOffset().YOffset

                // x和y就是滚动的距离
            })
        }
    }
}