JQuery Изотопная верстка: кладка дна - PullRequest
Новая
       3

JQuery Изотопная верстка: кладка дна

0 голосов
/ 22 марта 2012

Кто-нибудь видел пользовательский макет для изотопа, который является кладкой снизу вверх?Это не так сложно в оригинальном плагине Masonry, как показано здесь.

jQuery Masonry снизу вверх

Однако у меня возникают трудности с переводом этого метода в макет кладкив унифицированном изотопе.Любые предложения будут высоко оценены.

Ответы [ 2 ]

0 голосов
/ 26 августа 2014

Вам необходимо внести следующие изменения:

Изменить метод _positionAbs Изотопа Установите transformsEnabled: false в параметрах изотопа Добавьте стили свойств CSS-переходов для right / top. 

$.Isotope.prototype._positionAbs = function( x, y ) {
   return { right: x, top: y };
};

// initialize Isotope
$('#container').isotope({
    transformsEnabled: false
    // other options...
});

и 

.isotope .isotope-item {
-webkit-transition-property: right, top, -webkit-transform, opacity;
 -moz-transition-property: right, top, -moz-transform, opacity;
  -ms-transition-property: right, top, -ms-transform, opacity;
   -o-transition-property: right, top, -o-transform, opacity;
      transition-property: right, top, transform, opacity;
}
0 голосов
/ 31 мая 2012

Я не видел ни одного пользовательского макета. Но недавно я изменил Js изотопа, чтобы отразить масонство снизу вверх.

В строке 590, изменить следующий код 

_positionAbs : function( x, y ) {   
  return { left: x, top: y };
},

до 

_positionAbs : function( x, y ) {   
  return (this.options.fromBottom) ? { left: x, bottom: y } : { left: x, top: y };
},

, а затем установите для параметров fromBottom значение true во время вызова. При желании вы можете добавить то же свойство в $ .Isotope.settings в строке 330.

P.S. Я знаю, что прошло два месяца, но это может кому-то помочь.

...