Jquery texte coulissant verticalement

Question

Je suis en train de faire de défilement de texte verticalement à l'aide jQuery, j'ai suivi l'exemple de code sur http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div

S'il vous plaît quelqu'un peut me guider sur la façon d'atteindre

1. Placez le curseur verticalement
2. Faire défiler le texte verticalement lorsque le curseur est déplacé vers le haut ou vers le bas

EDIT : (commentaire sur la réponse de @ lonesomeday) Je l'ai déjà essayé d'installer orientation:vertical et ai essayé de changer

1. scrollWidth à scrollHeight
2. width à height
3. scrollLeft à scrollTop

dans les fonctions handleSliderChange et handleSliderSlide mais cela ne fonctionne pas

Un grand merci

Answer 1

Utilisation du jQuery UI slider, vous pouvez le faire facilement avec l'interrupteur d'orientation:

$('#slider').slider({orientation: 'vertical'}); 

Dans l'exemple que vous utilisez, vous devriez l'appeler comme suit:

$(document).ready(function(){ 
    $("#content-slider").slider({ 
    animate: true, 
    change: handleSliderChange, 
    slide: handleSliderSlide, 
    orientation: vertical 
    }); 
}); 

Notez que vous devrez probablement apporter quelques modifications de style pour le rendre aussi joli que l'exemple original.