jquery - jQuery同位素插件水平滚动

Question

小提琴- 只是希望它根据文档示例水平滚动。我不知道为什么它不起作用。

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

Answer 1

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

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

注意：文档似乎也缺少这一点，但在所有其他选项中都提到了它，因此您可以推断它