在固定高度的容器中使用同位素库?

Ste*_*eve 7 jquery jquery-isotope

我正在使用Isotope进行项目.我们买了一张商业执照.

我需要将同位素瓷砖放在固定尺寸的容器中(高度特别重要)才能在更大的布局中工作.

我尝试在容器上设置css高度:

<style type="text/css">
  #container {
    width:990px;
    height: 550px !important;
    overflow: scroll;
  }
</style> 
Run Code Online (Sandbox Code Playgroud)

但是这会创建一个不可滚动的容器.我错过了什么?

And*_*ich 9

文档:

resizesContainer

resizesContainer |  Boolean  |  true
Run Code Online (Sandbox Code Playgroud)

同位素将在布局后设置容器的高度(对于垂直布局模式)或宽度(对于水平布局模式).如果resizesContainer设置为false,请确保在CSS中设置容器的大小,以便在触发Isotope时不会崩溃.

您是否尝试过resizesContainer: false在同位素呼叫中设置选项?

  • @Steve尝试这个:http://jsfiddle.net/DSjms/2/show/,在这里编辑:http://jsfiddle.net/DSjms/2/ (2认同)