mouseleave 滚动拇指时的原始拇指位置 div

Question

我正在使用此代码 http://jsbin.com/uninug/3/edit?html,css,js,output 来制作拇指滑块。

我想在鼠标 "leave"（不是悬停）容器拇指 div 时将内部拇指 div 位置重置为其原始位置，但我不太了解 JavaScript（我是初学者）。我正在尝试这段代码，但它什么也没做：

$bl.mouseleave (function() {
        $th.css({marginLeft: 0 });
    });

欢迎提供任何线索、教程或帮助。谢谢！

Answer 1

您所指的脚本中的函数有一个超时函数，该函数不断询问当前位置（在局部变量中给出）并据此计算出正确的偏移量和边距。因此，您当前的 javascript 不起作用 - 因为它只会被查看当前位置的局部变量的超时函数否决。因此，您必须将位置重置为 0.

通过添加这样的函数：

$bl.mouseleave(function(e) {
    mX = 0;
    mX2 = 0;
});

Original thumbs position when mouseleave scrolled thumbs div