如何从左至当前位置为Div设置动画

Question

伙计们，我正在尝试将汽车从左移到DIV的当前位置。

这是JSFiddle

http://jsfiddle.net/JUNBT/5/

码

setTimeout(function(){

 var  pos = $('#parentx').offset() - ('.car1').offset() ;

   $(".car1").animate({left: pos}, 2000);

}, 1000);

Answer 1

你有车设置一些默认的位置（只是改变了left css中值），然后检查左侧偏移.car1 parent和动画的left到该值。

function moveCar() {
    var newPos = $(".car1").parent().offset().left;
    $('.car1').animate({left: newPos + "px"}, 2000);
}

见小提琴

Answer 2

尝试这个。 它将起作用:)

div.car1
{

 transition:2s;
 -webkit-transition:2s;
 -moz-transition:2s;
 position:absolute;
 right:calc(100% - 100px);
}

div.car1:hover
{
right:0px;
}