简单的拖动'n'拖放元素运动是生涩的

Question

请看看这里jsFiddle Mock-up

移动橙色方块。它应该是非常生涩。 更改left: 0为轨道，并没有问题。

这是怎么发生的？

Answer 1

e.pageX是屏幕上的位置，但this.style.left是div track

Answer 2

pageX值是相对于文档的左边缘而不是句柄。将var h = e.pageX;更改为var h = e.pageX - 100;。见demo。