Skip to content

CodeLayoutScrollbar

CodeLayoutScrollbarDemo

CodeLayoutScrollbar是一个Vue的滚动条封装组件,如果你觉得系统内置滚动条与CodeLayout用起来不搭,可以试试使用CodeLayoutScrollbar,它内置了统一的样式。

Props

属性描述类型默认值
scroll指定哪些方向可以滚动'both'│'none'│'vertical'│'horizontal''both'
scrollBarSize设置滚动条的大小(像素)number8
containerClass设置内部容器的CSS类string''

Slots

插槽名描述参数
default内容渲染插槽-

Instance

refreshScrollState(): void

说明:

强制刷新滚动条状态。

getScrollContainer(): HTMLElement | undefined

说明:

获取内部滚动容器的元素实例。

返回值:

类型说明
HTMLElement返回的实例,如果为未定义,则可能是因为组件还未初始化完成

scrollTo(x: number, y: number): void

说明:

设置滚动条位置。

参数:

名称类型说明
xnumberx 轴坐标(像素)
ynumbery 轴坐标(像素)

scrollToTop(): void

说明:

滚动到顶部/最左部。

scrollToBottom(): void

说明:

滚动到底部/最右部。

Released under the MIT License.