jQuery同位素插件水平滚动

Question

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

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

Answer 1

您忘了使用layoutMode告诉它使用水平布局的选项.

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

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