javascript - 如何为 Div 从左到当前位置设置动画

标签 javascript jquery html css

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

这是 JSFiddle

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

代码

setTimeout(function(){

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

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

}, 1000);

最佳答案

您必须将汽车设置到某个默认位置(只需更改 css 中的 left 值),然后检查 .car1 parent 的左侧偏移量并制作动画左边到那个值。

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

参见 fiddle

关于javascript - 如何为 Div 从左到当前位置设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38120896/

相关文章:

javascript - 将外部页面滑动到当前页面顶部

javascript - 用 JavaScript 编写这个 jQuery 点击函数

javascript - 如何使用 angularjs 鼠标事件在鼠标按住时连续增加值?

javascript - 直接在组件标签中编辑子组件的 props 值

javascript - 在页面加载/刷新时设置容器的默认内容然后在单击事件触发后更改

jquery - 如何在 jQuery 中复制这个 CSS 兄弟选择器?

html - CSS 表格单元格输入不占全宽

javascript - 使 Vue 中的上一页保持事件状态

javascript - 在 Javascript 中调用函数时使用 "()"的优缺点?

Javascript 正则表达式匹配以字母或数字开头的字符串