2017-05-04 73 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中的一个错误的结果(“变换”)。

无论哪种方式,这解决了我的问题。

相关问题