JS在动画中断后获取元素位置

Question

我有一个元素，我使用动画在屏幕上移动：

slide.animate({'left': value*100 + '%'}, transitiontime * 1000)

当发生特定事件时，我使用

停止动画

slide.stop();

现在我希望使用

获取当前的“左”值

slide.css('left');

但不幸的是我获得了'px'值而不是百分比，这是我在动画中使用的。 有没有办法获得百分比值？

Answer 1

发生这种情况是因为css()实际上使用了javascript的getcomputedstyle()函数，并且它总是以像素为单位返回。

你可以达到你想要的效果：

var left=(100 / $(window).width()) * parseInt(slide.css('left').split('px')[0]) + '%';

以上代码返回百分比 DEMO

的值