JQuery Масонство снизу вверх

Кто-нибудь знает, как сделать стек кирпичной кладки jQuery снизу вверх? Я написал некоторую рудиментарную JS, чтобы складывать вещи снизу вверх, но он не мог делать масонство, например, складывать следующий кирпич в самый короткий столбец и кирпичи, которые охватывают несколько столбцов. Поскольку я плохо разбираюсь в Math, просмотр исходного кода вызывает у меня головокружение.

Ответ 1

Вы будете смеяться над тем, как это легко сделать, но вам нужно будет изменить плагин (demo).

В принципе, я изменил строку 82 - 85 из этого (все, что нужно изменить, было от top до bottom, но я добавил оба, чтобы вы могли переключаться туда и обратно):

    var position = {
      left: props.colW * shortCol + props.posLeft,
      top: minimumY
    };

    var position = (opts.fromBottom) ? {
      left: props.colW * shortCol + props.posLeft,
      bottom: minimumY
    } : {
      left: props.colW * shortCol + props.posLeft,
      top: minimumY
    };

Затем добавлена опция по умолчанию:

  // Default plugin options
  $.fn.masonry.defaults = {
    singleMode: false,
    columnWidth: undefined,
    itemSelector: undefined,
    appendedContent: undefined,
    fromBottom: false, // new option
    saveOptions: true,
    resizeable: true,
    animate: false,
    animationOptions: {}
  };

Теперь вы можете просто использовать плагин следующим образом:

$('#masonry').masonry({ fromBottom: true });

Обновление: Я также разветкил репозиторий на github, так что вы можете просто загрузить изменения, я хочу сделать их самостоятельно.

Ответы

Ответ 1