CodeLayoutScrollbar
CodeLayoutScrollbar是一个Vue的滚动条封装组件,如果你觉得系统内置滚动条与CodeLayout用起来不搭,可以试试使用CodeLayoutScrollbar,它内置了统一的样式。
Props
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
scroll | 指定哪些方向可以滚动 | 'both'│'none'│'vertical'│'horizontal' | 'both' |
scrollBarSize | 设置滚动条的大小(像素) | number | 8 |
containerClass | 设置内部容器的CSS类 | string | '' |
Slots
插槽名 | 描述 | 参数 |
---|---|---|
default | 内容渲染插槽 | - |
Instance
refreshScrollState(): void
说明:
强制刷新滚动条状态。
getScrollContainer(): HTMLElement | undefined
说明:
获取内部滚动容器的元素实例。
返回值:
类型 | 说明 |
---|---|
HTMLElement | 返回的实例,如果为未定义,则可能是因为组件还未初始化完成 |
scrollTo(x: number, y: number): void
说明:
设置滚动条位置。
参数:
名称 | 类型 | 说明 |
---|---|---|
x | number | x 轴坐标(像素) |
y | number | y 轴坐标(像素) |
scrollToTop(): void
说明:
滚动到顶部/最左部。
scrollToBottom(): void
说明:
滚动到底部/最右部。