/ / Utilisez la bibliothèque Isotope dans un conteneur à hauteur fixe? - jquery, jquery-isotope

Utiliser la bibliothèque d'isotopes dans un conteneur à hauteur fixe? - jquery, jquery-isotope

J'utilise Isotope pour un projet. Nous avons acheté une licence commerciale.

Il faut que les carreaux d'isotope soient placés dans un conteneur de taille fixe (la hauteur est particulièrement critique) pour fonctionner dans un agencement plus grand.

J'ai essayé de définir la hauteur CSS sur le conteneur:

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

Mais cela crée un conteneur non-scrollable. Qu'est-ce que je rate?

Réponses:

9 pour la réponse № 1

Du Documentation:

redimensionnerConteneur

resizesContainer |  Boolean  |  true

L’isotope déterminera la hauteur (pour la disposition verticalemodes) ou largeur (pour modes de mise en page horizontale) du conteneur après mise en page. Si resizesContainer est défini sur false, veillez à définir une taille pour le conteneur dans votre CSS, de sorte qu'il ne s'effondre pas lorsque Isotope est déclenché.

Avez-vous essayé de régler le resizesContainer: false option sur votre appel isotope?


1 pour la réponse № 2

Je cherchais le correctif pour unifier les images Instagram qui peuvent être placées dans un conteneur à hauteur fixe, qui s'afficheront comme des boîtes côte à côte. Cela a fonctionné pour moi http://jsfiddle.net/DSjms/2/show/ par @Andres llich Cette résolu le problème les images sont déformées lorsque nous appliquons width:100% @Andres llich Merci beaucoup.