javascript - 随着鼠标移动滚动

Question

var down=false;
var scrollLeft=0;
var x=0;

$('#test').mousedown(function(e) {
    down = true;
    scrollLeft = this.scrollLeft;
    x = e.clientX;
}).mouseup(function() {
    down = false;
}).mousemove(function(e) {
    if (down) {
       this.scrollLeft = scrollLeft + x - e.clientX;
    }
}).mouseleave(function() {
    down = false;
});

这是一个演示:http://jsfiddle.net/STVqe/3/

我希望能够使用鼠标滚动 div。它工作正常，尽管文本有点奇怪，因为您可能会意外选择内容，但是当您将鼠标移到测试 div 之外时，它会出现一个问题。即使我设置了 down=false，它仍会继续滚动。我怎样才能阻止这种情况以及为什么会发生这种情况？

Answer 1

这在 Chrome 中对我有用:http://jsfiddle.net/mattball/MP2cg/