这个小动画怎么搞才能达到目的

Question

elem是一个已设置绝对定位的元素(position:absolute;right:-48px;)，
希望当鼠标放在他上面时或离开时，该元素的right属性在0到-48之间变化（该元素宽度200px）；
问题是上面有两行代码貌似有问题，当鼠标放在元素上时，该元素right应为0px,但实际却只达到-9px;当鼠标离开时，该元素right应为-48px,实际上可以达到-48px；
请大神指点，问题到底在哪？？
案例：https://jsfiddle.net/xx1hzt1t/1/

Answer 1

当-1 < (pos-right)/10 < 0的时候,Math.ceil得到的值为0，right就一直+0，导致死循环了。