2017-05-04 63 views
-1

作爲一個背景,我使用Greensock的Draggable來移動y軸上的對象與transform:translate3d屬性。jQuery - .css('transform')在Chrome瀏覽器中返回的值不是Chrome/Firefox

但是,當我呼籲移動對象返回.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)

我需要解析並獲取變化的y值,這是在Chrome/Firefox中的位置[5]和在IE中的位置[13]。這顯然證明是一個沒有實現一些瀏覽器嗅探的問題。

有沒有辦法讓我標準化返回的屬性值(矩陣或matrix3d),或者也許以不同的方式自己獲取y值?

編輯:不知道爲什麼我的問題收到負面評價;如果我沒有提供足夠的信息,請告訴我。

回答

0

萬一別人永遠有這個問題,並且正在使用使用GreenSock(GSAP),我是用下面的回答了在Greensock forums提供:

如果你想圖在Draggable的 目標的y位置,你知道Draggable實例的「y」屬性爲 嗎?所以你可以直接點擊進去。

實施例:

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

另一個回答表明不同的值可以是jQuery的的CSS中的一個錯誤的結果(「變換」)。

無論哪種方式,這解決了我的問題。

相關問題