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').slider({orientation: 'vertical'});

在您正在使用的示例中，您应该按如下方式调用它：

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

请注意，您可能需要进行一些样式更改，使其看起来与原始示例一样漂亮。