jQuery scroll un div en haut et en bas à l'aide de deux boutons

J'ai un simple ensemble de deux boutons qui lors de son survol devrait faire un div déplacer vers le haut et vers le bas pour simuler un effet de défilement:

$("#down").hover(function () {

    $('.scroll').animate({ "marginTop": "-=50px" }, "fast");

});

$("#up").hover(function () {

    $('.scroll').animate({ "marginTop": "+=50px" }, "fast");

});

Cependant j'ai deux questions:

1.) J'ai besoin d'elle pour s'arrêter quand elle arrive à la fin et puis masquer le bouton de sorte qu'ils savent qu'ils ont atteint la fin

2.) Il doit se déplacer continuellement lorsque l'utilisateur a la souris sur, actuellement, il n'juste une fois sur le dessus de la souris, puis l'exécute à nouveau sur la souris quitter.

3.) Si le contenu ne dépasse pas le parent de l'élément de la hauteur, puis se cachent les deux boutons que nous n'avons pas besoin de la faire défiler.

Peut aider quelqu'un?

Je pensais que peut-être 1 pourrait être résolu par la découverte de la hauteur du panneau de défilement et de juger de son décalage de son élément parent qui le maintient et crée l'encadré vue?

Grâce

OriginalL'auteur Cameron | 2011-11-30