2012-04-03 2 views
7

Sto usando Isotope per un progetto. Abbiamo comprato una licenza commerciale.Utilizzare la libreria degli isotopi in un contenitore a altezza fissa?

Ho bisogno di ottenere le tessere isotopiche in un contenitore di dimensioni fisse (l'altezza è particolarmente importante) per lavorare all'interno di un layout più grande.

ho provato a installare altezza css sul contenitore:

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

Ma questo crea un contenitore non scorrevole. Cosa mi manca?

risposta

9

Dal documentation:

resizesContainer

resizesContainer | Boolean | true 

isotopico imposterà l'altezza (per modalità di layout verticali) o larghezza (per modalità di layout orizzontale) del contenitore dopo il layout. Se resizesContainer è impostato su false, assicurarsi di impostare una dimensione per il contenitore nel CSS, in modo che non collassi quando Isotope è attivato .

Avete provato a impostare l'opzione resizesContainer: false sulla chiamata isotopica?

+0

Sì, questo funziona ma lo interrompe senza alcuno scorrimento per vederlo fuori dal contenitore. Stavo cercando in qualche modo quando l'uso poteva scorrere verticalmente per impostare il resto delle tessere. – Steve

+0

@Steve puoi pubblicare i tuoi CSS? Ho il sospetto che quel contenuto sia nascosto con la proprietà 'overflow: hidden'. –

+0

[fiddle] (http://jsfiddle.net/smlombardi/DSjms/) – Steve

1

Stavo cercando la soluzione per unificare le immagini di Instagram che possono essere contenute in un contenitore ad altezza fissa, che verranno visualizzate come caselle affiancate. Questo ha funzionato per me http://jsfiddle.net/DSjms/2/show/ da @Andres llich Questo ha risolto il problema delle immagini sono distorte quando applichiamo width:100% @Andres llich Grazie mille.