j-NoScrollbar

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

este componente es algo así como j-ViewBox sin barra de desplazamiento nativa/personalizada

Configuración:

parent {String} opcional, un contenedor con altura fija, puede ser window. Valor predeterminado: elemento parent.
minheight {Número} una altura mínima en píxeles (predeterminado: 0 - deshabilitado)
delay {Número} msec. cambia el tamaño del cuadro nuevamente si el valor se cambia según la ruta (predeterminado: 100)
scrollto {String} se desplaza hacia arriba/abajo automáticamente si se cambia path (predeterminado: EMPTY, puede ser top o bottom)
margin {Número} opcional, un margen superior/inferior juntos (admite auto que se cuenta desde offset.top, predeterminado: 0)
marginxs {Número} opcional, un margen superior/inferior juntos para el ancho de pantalla xs
marginsm opcional, un margen superior/inferior juntos para el ancho de pantalla sm
marginmd opcional, un margen superior/inferior juntos para el ancho de pantalla md
marginlg opcional, un margen superior/inferior juntos para el ancho de pantalla lg
invisible {Booleano} si true entonces el cuadro de visualización establece la clase invisible cuando se está renderizando (predeterminado: true)
initdelay {Número} elimina la clase inivisible después del tiempo especificado (predeterminado: 250 ms)

Métodos:

component.scrolltop(val) se desplaza Y
component.scrollbottom(val) desplaza Y desde la parte inferior
component.resize() cambia el tamaño del contenedor (reacciona automáticamente a los eventos resize)

Úselo con <ui-component name="noscrollbar">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes Componentator, licencia MIT.

example.html

<div style="width:300px;height:300px;background-color:#F5F5F5">
	<ui-component name="noscrollbar" config="parent:parent" class="invisible">
		BEGIN
		<div style="height:1000px;background-color:red"></div>
		END
	</ui-component>
</div>