Vista dividida moderna en JavaScript-Split. js
| Autor: | nathancahill |
|---|---|
| Views Total: | 209 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 19, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Split. js es una biblioteca de JavaScript ligera vainilla que se usa para crear vistas divididas redimensionables que admiten diseños de CSS Float, Flexbox y Grid.
También se puede utilizar como un componente reAct para la aplicación móvil.
Uso básico:
Importe el Split. js en el documento.
<script src="./split.min.js"></script>
Añada paneles a la vista dividida.
<div> <div class="split" id="one"></div> <div class="split" id="two"></div> <div class="split" id="three"></div> </div>
Inicializar el Spilt. js para generar una vista dividida básica.
Split(['#one', '#two', '#three']);
Estilo de la vista dividida & controlador deslizante.
.split, .gutter.gutter-horizontal {
float: left;
}
.gutter.gutter-horizontal {
cursor: ew-resize;
}
