Comment faire pour div div continuellement sur l'événement mousedown?

Question

J'ai deux divs et deux boutons:

<div id="container"> 
    <div id="items"></div> 
</div> 
<div id="up"></div> 
<div id="down"></div> 

Comment faire défiler en continu « » #items jusqu'à ce que l'utilisateur relâche le bouton? J'ai essayé d'utiliser l'événement jquery mousedown et la fonction d'animation, mais je n'ai pas réussi à le faire fonctionner.

$("#up").mousedown(function(){ 
$("#items").animate({"top": "+=10px"}, "fast"); 
}) 

Le code ci-dessus déplace la div une seule fois. Je veux réaliser une animation continue jusqu'à ce que le bouton soit relâché. Merci de votre aide!

Answer 1

S'il vous plaît, essayez ceci:

var scrolling = false; 

jQuery(function($){ 
    $("#up").mousedown(function(){ 
     scrolling = true; 
     startScrolling($("#items"), "-=10px"); 
    }).mouseup(function(){ 
     scrolling = false; 
    }); 
}); 

function startScrolling(obj, param) 
{ 
    obj.animate({"top": param}, "fast", function(){ 
     if (scrolling) 
     { 
      startScrolling(obj, param); 
     } 
    }); 
}