jquery Isotope 사용자 정의 레이아웃 : 벽돌 바닥

Question

벽돌을 바닥에서부터 동위 원소에 대한 사용자 정의 레이아웃을 본 사람이 있습니까? 여기에 설명 된 것처럼 원래의 Masonry 플러그인에서 그렇게 복잡하지는 않습니다.

jQuery Masonry from bottom up

그러나, 나는 unminified 동위 원소의 레이아웃을 벽돌이 메소드를 번역 어려움을 겪고 있어요. 어떤 제안이라도 대단히 감사 할 것입니다.

Answer 1

나는 맞춤 레이아웃을 보지 못했습니다. 그러나 최근에 나는 동위 원소의 js를 바텀 업 메이슨을 반영하도록 바꾸었다.

라인 (590)에

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

에 다음 코드

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

을 변경 한 후 호출하는 동안 true로 fromBottom 옵션을 설정합니다. 선택 사항으로 동일한 속성을 330 행의 $ .Isotope.settings에 추가 할 수 있습니다.

P. 나는 그것이 2 개월이지만 누군가를 도울 수 있다는 것을 안다.

Answer 2

당신은 다음과 같이 변경해야합니다

수정 동위 원소의 _positionAbs 방법 세트 transformsEnabled : 동위 원소 옵션 거짓/오른쪽 상단에 대한 CSS 전이 속성 스타일을 추가합니다. 귀하의 의견

$.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; 
}