j-ViewBox

• mantiene un porcentaje de altura fijo
• gran uso para aplicaciones de intranet
• soporta releasing

Configuración:

• height {Number} un porcentaje de altura
• disabled {Boolean} opcional, puede desactivar el contenido con la capa
• parent {String} opcional, un contenedor con altura fija, puede ser window. Valor predeterminado: elemento parent.
• minheight {Number} una altura mínima en píxeles (predeterminado: 0 - deshabilitado)
• scroll {Boolean} habilita el desplazamiento vertical (predeterminado: false - deshabilitado)
• scrollbar {Boolean/String} muestra la barra de desplazamiento (predeterminada: true o nueva: native)
• delay {Number} msec. cambia el tamaño del cuadro nuevamente si el valor se cambia según la ruta (predeterminado: 100)
• visibleY {Boolean} todavía muestra la barra de desplazamiento Y (predeterminado: false)
• visibleX {Boolean} todavía muestra la barra de desplazamiento X (predeterminado: false)
• scrollto {String} se desplaza hacia arriba/abajo automáticamente si se cambia path (predeterminado: EMPTY, puede ser top o bottom)
• margin {Number} opcional, un margen superior/inferior juntos (admite auto que se cuenta desde offset.top, predeterminado: 0)
• marginxs {Number} 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 {Boolean} si true entonces viewbox establece la clase invisible cuando se está renderizando (predeterminado: true)
• scrollbarshadow {Boolean} si true entonces las barras de desplazamiento personalizadas contendrán sombra vertical (predeterminado: false)
• initdelay {Number} elimina la clase inivisible después del tiempo especificado (predeterminado: 250 ms)
• centered {Boolean} habilita el centrado vertical y horizontal del contenido (predeterminado: false)
• resizedelay {Number} retraso para cambiar el tamaño (predeterminado: 200)
• NUEVO: togglescrolled {String} un selector DOM para los elementos principales (agrega la clase ui-viewbox-scrolled cuando se desplaza el cuadro de vista)

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)
• component.resizescrollbar() cambia el tamaño de la barra de desplazamiento personalizada (destinada a casos especiales)

Úselo con <ui-component name="viewbox">. 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.