2013-01-04 2 views
0

Encore un peu nouveau sur jQuery, j'utilise ce qui suit pour faire défiler automatiquement une div avec le nom de classe de .scroller lors du chargement de la page.Pause scrollTop sur hover

$(".scroller").delay(2000).animate({ scrollTop: $('.scroller')[0].scrollHeight}, 50000); 

Cependant, je voudrais arrêter tout défilement sur vol stationnaire sur cette div et commencer à revenir en vol stationnaire hors.

Avez-vous des idées sur la façon d'y parvenir ou devrais-je utiliser autre chose que scrollTop pour cela?

Merci, Chris

Répondre

3

Pour arrêter l'animation sous condition, vous pouvez utiliser: $(".scroller").stop()

Ensuite, redémarrez le défilement comme vous l'avez fait sans délai.

http://api.jquery.com/stop/

$("#myDiv").hover(
    function(){ 
     $(".scroller").stop(); 
    }, 
    function(){ 
     $(".scroller").animate({ scrollTop: $('.scroller')[0].scrollHeight}, 50000); 
    } 
); 
+0

Excellent, thats it! J'ai utilisé votre code et cet article pour trouver la meilleure façon de basculer: http://stackoverflow.com/questions/1116361/jquery-hover-mouse-out. Merci! –

+0

Cela veut dire que j'ai utilisé votre $ (". Scroller"). Stop() avant d'afficher le code plus long, mais j'ai utilisé le lien pour le comprendre. Merci! –