2012-04-03 13 views
7

私はIsotopeをプロジェクトに使用しています。私たちは商用ライセンスを購入しました。固定高さの容器にアイソトープライブラリを使用しますか?

より大きなレイアウトで作業するには、固定サイズのコンテナ(高さが特に重要です)に同位体タイルを配置する必要があります。

私はコンテナにCSSの高さを設定してみました:

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

をしかし、これは非スクロール可能なコンテナを作成します。私は何が欠けていますか? documentationから

答えて

9

resizesContainer

resizesContainer | Boolean | true 

同位体は、レイアウト後(垂直レイアウトモードの)高さを設定または幅( 水平レイアウトモードの)コンテナのであろう。 resizesContainerがfalseに設定されている場合は、CSS内の コンテナのサイズを設定してください。したがって、Isotopeが になったときに折りたたまれません。

アイソトープ呼び出しでresizesContainer: falseオプションを設定しようとしましたか?

+0

これはうまくいきますが、スクロールしてコンテナの外のアイテムを見ることはできません。 私はタイルの残りの部分を設定するために垂直方向にスクロールすることができるときに何らかの方法を探していました。 – Steve

+0

@SteveあなたのCSSを投稿できますか?私は、そのコンテンツが 'overflow:hidden'プロパティで隠されているというわずかな疑念を持っています。 –

+0

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

1

固定高さのコンテナに収まるようにInstagramイメージを統一するための修正を探していましたが、横並びのように表示されます。 これは私のために働いた http://jsfiddle.net/DSjms/2/show/ @Andres llich これは、適用時にイメージが歪んでいる問題を解決しましたwidth:100% @Andres llichありがとうございました。

関連する問題