JQuery слайд текста по вертикали

Question

Я пытаюсь сделать прокрутку текста по вертикали с помощью jQuery, я следую примеру кода на http://www.switchonthecode.com/tutorials/using-jquery-slider-to-scroll-a-div

Пожалуйста, кто-нибудь может подсказать мне, как добиться

1. Расположите ползунок вертикально
2. Сделайте текстовую прокрутку вертикально, когда ползунок перемещен вверх или вниз

РЕДАКТИРОВАТЬ: (комментарий к ответу @ lonesomeday) Яуже пытался установить orientation:vertical и пытался изменить

1. scrollWidth на scrollHeight
2. width на height
3. scrollLeft на scrollTop

в функциях handleSliderChange и handleSliderSlide, но это не работает

Большое спасибо

Answer 1

С помощью ползунка jQuery UI вы можете легко сделать это с помощью переключателя ориентации:

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

В примере, который вы используете, вы должны вызвать его следующим образом:

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

Обратите внимание, что вам, вероятно, придется внести некоторые изменения в стиль, чтобы он выглядел так же красиво, как и в оригинальном примере.