2012-04-03 8 views
7

Ich verwende Isotope für ein Projekt. Wir haben eine kommerzielle Lizenz gekauft.Verwenden Sie die Isotop-Bibliothek in einem Container mit fester Höhe?

Ich brauche die Isotopen Fliesen in einem festen Größe Behälter zu bekommen (Höhe ist besonders kritisch) innerhalb eines größeren Layouts zu arbeiten.

Ich habe versucht, CSS Höhe auf der Behältereinstellung:

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

Aber das schafft einen nicht-rollbaren Behälter. Was vermisse ich?

Antwort

9

Vom documentation:

resizesContainer

resizesContainer | Boolean | true 

Isotopen, die Höhe (für vertikale Layoutmodi) eingestellt wird oder die Breite (für horizontale Layoutmodi) des Behälters nach dem Layout. Wenn resizesContainer auf false gesetzt ist, sollten Sie eine Größe für die Container in Ihrem CSS setzen, damit es nicht zusammenbrechen, wenn Isotop ausgelöst wird.

Haben Sie versucht, die resizesContainer: false Option auf Ihrem Isotop Anrufeinstell-?

+0

das funktioniert, aber es schneidet sich ohne Mittel zum Scrollen von ihm wegen Elemente außerhalb des Behälters zu sehen. ich nach einer Möglichkeit suchen, wenn die Verwendung vertikal bewegen könnte, den Rest der Fliesen einzustellen. – Steve

+0

@Steve können Sie Ihr CSS veröffentlichen? Ich habe den geringsten Verdacht, dass dieser Inhalt mit der Eigenschaft "overflow: hidden" versteckt wird. –

+0

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

1

Ich war auf der Suche nach dem Update der Instagram Bilder zu vereinigen, die in einen festen Höhe Behälter passen, die wie nebeneinander Boxen angezeigt werden. Dies funktionierte für mich http://jsfiddle.net/DSjms/2/show/ von @Andres llich Dies löste das Problem, dass die Bilder verzerrt sind, wenn wir width:100% @Andres llich anwenden Vielen Dank. Ja