jquery - 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
  });
});

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