Javascript translateX=event.offsetX setter on mousemove事件返回1-有时

快速简单的问题，关于某种洗涤器的事情。看下面的小提琴

当绑定到mousemove事件（使用jQuery）并在正向移动时设置transformX属性时，大约有1/2的更改返回1

$flotter.css（'transform'，'translateX（'+event.offsetX+'px'）

左偏移设置相同-无问题

浏览器不一致：


Firefox什么都不做
IE和Chrome做的一样
当心点

小提琴：
发生这种情况的原因是，当鼠标光标位于“浮动”div上时，您会在容器父对象上丢失鼠标。一个快速的解决方法是当鼠标在浮动分区上时返回false。小提琴更新

使用$flotter.css（'transform'，'translateX（'+event.pageX+'px'）；它起作用了。。fiddle感谢您的建议，这至少解决了firefox的问题。谢谢！很明显，但在错误的方向上找了两个小时。
$floater.on('mousemove', function(event) {
    event.stopPropagation();
    event.preventDefault();

    // cross browser propagation stopping...
    return false;
});