DolphinScheduler/escheduler-ui/dist/lib/@analysys/ans-ui/packages/vue-scroller

Scroller

滚动视图

Scroller props

属性	说明	类型	可选值	默认值
width	视图宽度，当插槽内容宽度超过该值时出现水平滚动条	String / Number	—	—
max-width	视图最大宽度，当插槽内容宽度超过该值时出现水平滚动条	String / Number	—	—
height	视图高度，当插槽内容高度超过该值时出现垂直滚动条	String / Number	—	—
max-height	视图最大高度，当插槽内容高度超过该值时出现垂直滚动条	String / Number	—	—
scrollbar-class	滚动条自定义类	String	—	—
reverse-scroll-y	是否反转 Y 轴滚轮，当该值为 true 时，滚动 Y 轴将控制水平方向的滚动	Boolean	—	false
show-scrollbar	是否显示滚动条，当设置为active时，触发滚动或者鼠标移动到滚动条轨迹上时才会显示滚动条	Boolean / String	true / false / 'active'	true
check-on-mounted	是否在 mounted 的时候递归调用 checkScrollable 方法，直到内容的宽度和高度不为 0	Boolean	—	false
bar-offset-left	水平滚动条距离视图左侧的偏移	Number	—	0
bar-offset-right	水平滚动条距离视图右侧的偏移	Number	—	0
bar-offset-top	垂直滚动条距离视图顶部的偏移	Number	—	0
bar-offset-bottom	垂直滚动条距离视图底部的偏移	Number	—	0

Scroller events

事件名称	说明	回调参数
on-x-start	水平滚动到达最左侧时触发	—
on-scroll-x	水平滚动改变时触发	当前的 left 值
on-x-end	水平滚动到达最右侧时触发	—
on-y-start	垂直滚动到达顶部时触发	—
on-scroll-y	垂直滚动改变时触发	当前的 top 值
on-y-end	垂直滚动到达底部时触发	—
on-start-drag-bar	开始拖动滚动条时触发	是否垂直滚动条
on-end-drag-bar	结束拖动滚动条时触发	是否垂直滚动条

Scroller methods

方法名	说明	参数
checkScrollable	检查当前是否需要显示滚动条	—
setContentLeft	设置内容区域的 left 值	left: Number, transition: Boolean
setContentTop	设置内容区域的 top 值	top: Number, transition: Boolean
stickToBoundary	将内容区域设置到指定边界	vertical: Boolean, start: Boolean, transition: Boolean