当mouseleave滚动thumb thumbs

时间:2015-12-21 17:24:34

标签: javascript html scroll mouseleave

我使用此代码http://jsbin.com/uninug/3/edit?html,css,js,output做了一个拇指滑块。

我想在鼠标"离开"时将内部拇指div位置重置为原始位置。 (不是悬停)容器拇指div,但我不太了解JavaScript(我是初学者)。我试过这段代码,但它什么也没做:

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

欢迎任何线索,教程或帮助。 谢谢!

1 个答案:

答案 0 :(得分:0)

您所指的脚本中的函数具有超时功能,该功能不断询问当前位置(在局部变量中给出)并基于此计算正确的偏移和边距。因此,您当前的JavaScript无法正常工作 - 因为它只会被查看当前位置的局部变量的超时函数所推翻。因此,您必须将位置重置为0

通过添加如下函数:

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

http://jsbin.com/mecofesito/1/edit?html,css,js,output