Biblioteca de JavaScript pura para elementos de bloque de igual altura-AlignJS
| Autor: | jacksonv1lle |
|---|---|
| Views Total: | 1,645 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 9, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
AlignJS es una biblioteca de JavaScript puro para alinear las alturas de un conjunto de elementos para ayudar a crear un diseño web limpio y ordenado.
Características
- Funciona con un diseño de cuadrícula adaptable.
- Tiene en cuenta el tamaño de caja de CSS3.
- Personalizable.
Funcionamiento
Incluya el archivo JavaScript align. js en su página web donde sea necesario.
<script src="Align.js"></script>
Inicialice el AlighJS.
var container = document.querySelector('.container');
var align = new Align(container,{
targetClass: 'item',
threshold: 1
}); Opciones de personalización.
// the class of the items you want to size
targetClass:'item',
// determines the minimum size of which an element must be in order to be sized relative to the larger adjacent element.
threshold: 1,
// executed before the elements are sized
beforeRun:function(){},
// executed after the elements are sized
afterRun:function(){} API methods.
// updates an instance of AlignJS. align.update(); // removes an instance of AlignJS. align.destroy();
