2012-04-03 13 views
7

Proje için Isotope kullanıyorum. Ticari bir lisans aldık.İzotop kütüphanesini sabit yükseklikteki bir kapsayıcıda kullanın?

Daha büyük bir düzen içinde çalışmak için sabit boyutlu bir kapta (yükseklik özellikle kritiktir) izotop karoları almam gerekir.

Ben kabın üzerine css yüksekliğini ayarlama çalıştı:

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

Ama bu olmayan bir kaydırılabilir kabı oluşturur. Neyi kaçırıyorum? documentation kaynaktan

cevap

9

:

resizesContainer

İzotop düzenini sonra kabın (dikey bir düzen modları için) yüksekliği veya ( yatay düzeni modları için) genişliği koyacaktır
resizesContainer | Boolean | true 

. resizesContainer öğesi false olarak ayarlanmışsa, CSS'nizde kabı için bir boyut ayarladığınızdan emin olun, bu nedenle Isotope tetiklendiğinde çökmez.

İzotop çağrısı için resizesContainer: false seçeneğini ayarlamayı denediniz mi?

+0

Evet, ancak kapsayıcı dışındaki öğeleri görmek için kaydırma yapmadan keser. Kullanım alanı, döşemelerin geri kalanını ayarlamak için dikey olarak kaydırılabildiğinde bir yol arıyordum. – Steve

+0

@Steve CSS'nizi gönderebilir misiniz? Bu içeriğin 'overflow: hidden' özelliği ile gizlendiğine dair küçük bir şüphem var. –

+0

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

1

Yan yana kutular gibi görüntülenecek sabit yükseklikteki bir konteynıra sığabilen fotoğrafların birleştirilmesi için düzeltme arıyordum. Bu, benim için http://jsfiddle.net/DSjms/2/show/ tarafından çalıştı: @Andres llich Bu, width:100% @Andres llich uygularken görüntülerin bozulma sorununu çözdü Teşekkür ederim.

İlgili konular