Scrollbar

可滚动视图区域。

基础用法

列表项1

列表项2

列表项3

列表项4

列表项5

列表项6

列表项7

列表项8

列表项9

列表项10

列表项11

列表项12

列表项13

列表项14

列表项15

列表项16

列表项17

列表项18

列表项19

列表项20

虚拟滚动条效果，使用区域滚动时，需要给定 tu-scrollbar 宽度以及子元素高度。

<tu-scrollbar style="width: 380px; background: rgba(255,255,255,0.28)">
	<div style="width: 500px; height: 180px; padding: 0 16px">
		<p
			v-for="i in 20"
			:key="i"
		>
			列表项{{ i }}
		</p>
	</div>
</tu-scrollbar>

Expand Copy Copy

Attributes

参数	说明	类型	可选值	默认值
native	是否使用原生滚动条样式	Boolean	—	false
wrapStyle	设置外层 wrap 的内联样式	Array / String	—	—
wrapClass	设置外层 wrap 的类名	string	—	—
viewStyle	设置滚动区域 view 的内联样式	Array / String	—	—
viewClass	设置滚动区域 view 的类名	string	—	—
noresize	如果 container 尺寸不会发生变化，最好设置它可以优化性能	Boolean	—	false