jQuery - Chrome/Firefox보다 Internet Explorer에서 다른 값을 반환하는 .css ('transform')

Question

약간의 배경으로 Greensock의 Draggable을 사용하여 transform:translate3d 속성으로 y 축에서 객체를 이동합니다.

그러나 움직이는 객체에 대한 반환을 .css('transform')으로 호출하면 IE에서 반환되는 값이 Chrome/Firefox가 반환하는 값과 다릅니다.

예를 들어 Chrome/Firefox는 matrix(1, 0, 0, 1, 0, 5)을 반환하고 IE는 matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 5, 0, 1)을 반환합니다.

나는 크롬/파이어 폭스 내의 위치 [5]와 IE 내의 위치 [13] 인 Y 값의 변화를 파싱하고 얻어야합니다. 이것은 분명히 일부 브라우저 스니핑을 구현하지 않고도 문제가되는 것으로 입증되었습니다.

반환되는 속성 값을 표준화하거나 (matrix 또는 matrix3d) 또는 다른 방식으로 자체적으로 y 값을 얻을 수있는 방법이 있습니까?

편집 : 내 질문에 부정적인 평가가 반영된 이유를 모르겠습니다. 충분한 정보를 제공하지 않으면 알려주십시오.

Answer 1

가이 문제를 가지고 있으며, Greensock (GSAP)를 사용하고, 나는 Greensock forums에서 다음과 같은 대답을 통해 함께 제공된 :

당신은 그림을하려는 경우 Draggable의 대상의 y 위치를 벗어나면 Draggable 인스턴스에 이라는 "y"속성이 있다는 것을 알고 있습니까? 그래서 당신은 그것을 활용할 수 있습니다.

예 :

Draggable.create("#id", { 
    onDrag:function() { 
     console.log(this.y); 
    } 
}); 

또 다른 대답은 다른 값이 ('변환') jQuery의 .CSS 내에서 버그의 결과 일 수 있다고 제안했다.

어느 방법 이건 내 문제를 해결했습니다.

Answer 2

Microsoft에서 찾으십시오. https://msdn.microsoft.com/en-us/library/jj200269(v=vs.85).aspx.

기타 모든 변환 함수는 matrix3d ​​함수를 기반으로합니다.

필요한 값을 추출 할 수 있습니다. 그게 유일한 옵션 인 것 같습니다. 경우 다른 사람에