首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Jquery动画- div跳转?

Jquery动画- div跳转?
EN

Stack Overflow用户
提问于 2011-12-13 07:05:24
回答 2查看 882关注 0票数 1

我有一个机器人图像,我正试图用JQuery把它移到屏幕外的左边。div的位置如下:

代码语言:javascript
运行
复制
#robot{
   position:fixed;
   margin-left:800px;
   bottom:-40px;
}

所以,它基本上是在中间底部。然后我设置动画:

代码语言:javascript
运行
复制
$('#robot').animate({left:"-=1000px"},12000,"linear", stopRobotTimer);

它起作用了,但是动画一开始,机器人就跳到200 pixels left附近,然后开始12秒的动画。

EN

回答 2

Stack Overflow用户

发布于 2011-12-13 07:08:14

您是否尝试过按字面意思设置预期的终点?

代码语言:javascript
运行
复制
$('#robot').animate({left:"-200px"},12000,"linear", stopRobotTimer);

您执行-=,在本例中应该只得到-200,因为它是在您的css中定义的。

编辑

我的错误-我忘了提到你应该把你的css描述符改为left:800px;或者把你的animate语句改为:

$('#robot').animate({marginLeft:"-200px"},12000,“线性”,stopRobotTimer);

因为最初你的css没有指定"left“,而是指定了”margin left“

票数 0
EN

Stack Overflow用户

发布于 2011-12-13 07:12:55

使用-=1000时,首先更改left,然后开始设置动画。试着像下面这样改变它

代码语言:javascript
运行
复制
$('#robot').animate({left:"=-200px"},12000,"linear", stopRobotTimer);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8482222

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档