Scrollbar

Se utiliza para reemplazar la barra de desplazamiento nativa del navegador.

Uso básico

Desplazamiento horizontal

Altura máxima

Desplazamiento manual

API

Atributos

Nombre	Descripción	Tipo	Por defecto
height	altura de la barra de desplazamiento	`string` / `number`	—
max-height	altura máxima de la barra de desplazamiento	`string` / `number`	—
native	si usar el estilo nativo de la barra de desplazamiento	`boolean`	false
wrap-style	estilo del contenedor envoltorio	`string` / `object`	—
wrap-class	clase del contenedor envoltorio	`string`	—
view-style	estilo de la vista	`string` / `object`	—
view-class	clase de la vista	`string`	—
noresize	no responder a los cambios de tamaño del contenedor, si el tamaño del contenedor no cambia, es mejor configurarlo para optimizar el rendimiento	`boolean`	false
tag	etiqueta de elemento de la vista	`string`	div
always	si mostrar siempre la barra de desplazamiento	`boolean`	false
min-size	tamaño mínimo de la barra de desplazamiento	`number`	20
id 2.4.0	id of view	`string`	—
role 2.4.0 a11y	role of view	`string`	—
aria-label 2.4.0 a11y	aria-label of view	`string`	—
aria-orientation 2.4.0 a11y	aria-orientation of view	`enum`	—

Eventos

Nombre	Descripción	Tipo
scroll	se activa cuando se desplaza, regresa la distancia de desplazamiento	`Function`

Slots

Nombre	Descripción
default	personaliza el contenido por defecto

Expuesto

Nombre	Descripción	Tipo
handleScroll	maneja evento de desplazamiento	`Function`
scrollTo	desplaza a un conjunto particular de coordenadas	`Function`
setScrollTop	Establece distancia hacia la parte superior	`Function`
setScrollLeft	Establece distancia hacia la izquierda	`Function`
update	actualiza el estado de la barra de desplazamiento manualmente	`Function`
wrapRef	referencia de la barra de desplazamiento	`object`

Fuente

Componentes • Documentación

Contribuidores

Delyan Haralanov

on the field of hope