jQuery同位素插件水平滚动

Question

fiddle - 只是希望它根据documentation example水平滚动。我不知道它为什么不起作用。

$('#container').isotope({
  masonry: {
    columnWidth: 240
  }
});

Answer 1

您忘记使用告诉它使用水平布局的选项layoutMode。

$('#container').isotope({
    layoutMode: 'masonryHorizontal',
    masonryHorizontal: {
        rowHeight: 160
    },
    resizesContainer: false
});

注意：文档似乎也缺失了，但是提到了所有其他选项，以便你可以推断它