Columnas de igual altura en JavaScript-Equalizer. js
| Autor: | iansvo |
|---|---|
| Views Total: | 900 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 27, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sólo otro plugin de JavaScript que hace que todas las columnas tienen la misma altura dependiendo de la más alta. Funciona perfectamente con el evento de tamaño de ventana.
Funcionamiento
Inserte el archivo JavaScript ' Equalizer. js ' en el documento.
<script src="equalizer.js"></script>
Inicializar la biblioteca Equalizer. js en el documento listo.
window.addEventListener('load', function() {
Equalizer.init();
}); Inserte sus propias columnas en las filas de la siguiente manera:
<div class="demo" data-equalizer-row="demo"> <div data-equalizer="demo"> Column 1 </div> <div data-equalizer="demo"> Column 1 </div> <div data-equalizer="demo"> Column 3 </div> </div>
Eso es todo. También puede activar/desactivar la funcionalidad de altura igual en dispositivos específicos:
<div class="demo" data-equalizer-row="demo" data-equalizer-on="medium,xlarge"> <div data-equalizer="demo"> Column 1 </div> <div data-equalizer="demo"> Column 1 </div> <div data-equalizer="demo"> Column 3 </div> </div>
Los puntos de interrupción predeterminados.
Equalizer.init({
breakpoints: {
small: 480,
medium: 768,
large: 1024,
xlarge: 1200
}
});
