當鼠標滾動滾動拇指div的原始大拇指位置div

Question

我使用此代碼http://jsbin.com/uninug/3/edit?html,css,js,output來做拇指滑塊。

當鼠標「離開」（不懸停）容器的拇指div，但我不知道很多JavaScript（我是初學者）時，我想重置內部拇指div位置到其原始位置。我試着這個代碼，但它什麼都不做：

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

歡迎任何線索，教程或幫助。 謝謝！

Answer 1

您所指腳本中的函數具有一個超時函數，它不斷要求當前位置（在局部變量中給出），並基於此計算正確的偏移和邊距。因此，你當前的JavaScript不起作用 - 因爲它會被超時函數推翻，它會查看當前位置的局部變量。因此，您必須將位置重置爲0。

通過添加功能是這樣的：

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

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