Jquery chrome浏览器中的CSS3转换

我正在为div元素使用css3转换动画。每当鼠标悬停在图表中的特定点上时，需要设置div元素的左上方位置的动画。请参考我们的svg图表

在chrome中，设置div元素动画时，div位置始终从浏览器顶部开始，然后平滑过渡。每次它都从浏览器和动画的顶部开始。但它在其他浏览器中运行良好。请参考下面的div元素代码

 $(tooltipdiv).css({
                'transition-property': 'left,top',
                '-moz-transition-property': 'left,top', /* Firefox 4 */
                '-webkit-transition-property': 'left,top', /* Safari and Chrome */
                '-o-transition-property': 'left,top',
                '-webkit-transition-timing-function':'linear',
                'transition-duration': series.toolTipOptions.duration,
                '-moz-transition-duration': series.toolTipOptions.duration, /* Firefox 4 */
                '-webkit-transition-duration': series.toolTipOptions.duration, /* Safari and Chrome */
                '-o-transition-duration': series.toolTipOptions.duration /* Opera */
            });

我不希望动画从浏览器顶部开始。如何解析此chrome浏览器

谢谢

---

Siva

要使其在跨浏览器运行，您必须在更改

顶部

或

左侧

之前，将设置值

转换属性

、

转换计时功能

和

转换持续时间

设置到位。否则，转换将不会启动

转换属性

和

转换计时函数

看起来都可以在css而不是javascript中设置，因为它们的值不是动态的。让我们把它们移到那里。您还应该为

top

和

left

提供“开始”值，以便这些值也可以放在CSS中

接下来，在更改

top

和

left

之前，您需要在css中设置

转换持续时间

，幸运的是，我们可以通过简单的jQuery链接实现这一点

---

在jQuery中，我看到您设置了属性、计时和持续时间，但没有看到设置顶部和左侧位置的部分。你能把那部分代码贴出来吗？我的回答对你有帮助吗？