                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

不懂为什么（itarget-odiv.offsetLeft）/20 之后left就回不到200或者-200了。。。。

var speed = (itarget-odiv.offsetLeft)/20;

speed = speed>0?Math.ceil(speed):Math.floor(speed);

if(oDiv.offsetLeft ==iTarget){

clearInterval(timer);

}

else{

oDiv.style.left = oDiv.offsetLeft+speed+'px';

}

其实TAMA酱不是我名字

2016-04-09

源自：JS动画效果 3-1

关注问题我要回答

1400

操作

收起

3 回答

路漫漫兮2015 回答被采纳 +3 积分
2016-04-10

当（itarget-odiv.offsetLeft）/20=10/20=0.5PX时，oDiv.style.left = oDiv.offsetLeft+speed+'px';=190+0.5=190.5px，像素出现了小数程序无法执行下去。

1 回复有任何疑惑可以回复我~

收起回答

慕田峪8115978

他的speed做了取整操作，不是这个问题

2016-04-10 回复有任何疑惑可以回复我~

其实TAMA酱不是我名字提问者

非常感谢！

2016-04-11 回复有任何疑惑可以回复我~

小西瓜籽

非常正确

2016-06-23 回复有任何疑惑可以回复我~

查看2条回复

qq_Pal_0
2016-04-18

就是因为那个offsetLeft属性的值是不能带小数的。所以要想办法用Math的方法把speed变成整数，这样才能把offsetLeft弄成整数.

0 回复有任何疑惑可以回复我~

收起回答

慕田峪8115978
2016-04-10

请检查你的样式表里面有没有加border,offsetLift获取的左值+边框的值

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

JS动画效果

参与学习 113925 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

进入课程

本课相似问答

2 回答没进行Math.floor之前，oDiv.offsetLeft 跟 iTarget值不同啊，一个是-190，一个是-200，可是怎么运动就停止了呢，oDiv.offsetLeft==iTarget，这个还没成立啊

4 回答为什么div的大小不能还原成200/200，请帮忙看下，TKS~!

1 回答if(aa==iTarget){ //为什么这里用aa>=iTarget或是<=实现不了呢

5 回答speed = (iTarget-context.offsetLeft)/20 为什么我对这句话很不理解 ....?

2 回答为什么不能这样写？？oDiv.offsetLeft = oDiv.offsetLeft+10+'px';???

搜索更多本课相关问答

不懂为什么（itarget-odiv.offsetLeft）/20 之后left就回不到200或者-200了。。。。

我要回答关注问题

热搜

最近搜索清空

不懂为什么（itarget-odiv.offsetLeft）/20 之后left就回不到200或者-200了。。。。

3 回答

本课相似问答

不懂为什么（itarget-odiv.offsetLeft）/20 之后left就回不到200或者-200了。。。。