¿Usa la biblioteca de isótopos en un contenedor de altura fija?

Question

Estoy usando Isotope para un proyecto. Compramos una licencia comercial.

Necesito obtener las baldosas de isótopos en un contenedor de tamaño fijo (la altura es especialmente crítica) para trabajar dentro de un diseño más grande.

He intentado ajustar la altura de CSS en el envase:

<style type="text/css"> 
    #container { 
    width:990px; 
    height: 550px !important; 
    overflow: scroll; 
    } 
</style> 

pero esto crea un contenedor no desplazable. ¿Qué me estoy perdiendo?

Answer 1

Desde el documentation:

resizesContainer

resizesContainer | Boolean | true 

Isótopo fijará la altura (para los modos de presentación vertical) o la anchura (por modos de diseño horizontales) del recipiente después de la disposición. Si cambia el tamaño del contenedor, se establece en falso, asegúrese de establecer un tamaño para el contenedor en su CSS, para que no colapse cuando se activa Isotopo .

¿Ha intentado configurar la opción resizesContainer: false en su llamada al isótopo?

Answer 2

Estaba buscando la solución para unificar las imágenes de Instagram que pueden caber en un contenedor de altura fija, que se mostrará como cajas una al lado de la otra. Esto funcionó para mí http://jsfiddle.net/DSjms/2/show/ por @Andres llich Esto resolvió el problema de las imágenes se distorsionan cuando aplicamos width:100% @Andres llich Muchas gracias.