jquery scrollbar

Question

几天来我一直在寻找解决问题的方法我想知道是否有人从stackoverflow社区可以帮助我。

我的问题是，我需要一个jquery旋转木马和jquery滚动条手牵手工作。旋转木马会更新滚动条，反之亦然，但滚动条本身也会显示显示内容的信息(例如(1/12)，因此显示的是12张幻灯片/图像中的1张)。这也将是额外的奖励，如果我可以让滚动条捕捉和更新显示的信息，无论何时它在被拖动或拉动的过程中。

我不知道从哪里开始，因为我不知道jCarousel是否支持使用jScrollpane与相同的元素。如果有人能好心地把实际需要发生的过程分解一下，那就太好了。

我还将尝试添加一个图表，以防你完全不明白需要做什么。

<<--------| 5/12 |------->>

这是我努力画我想要解释的东西。正如你所看到的，旋转幻灯片被显示的信息在滚动条块中，它是可拖动的。如果有人能给我指出正确的方向，我会非常感激。

更新:我已经开始了一个jsfiddle，所以人们可以看看我试图解释什么。我使用两个插件的组合范围输入&由相同的人/团队制作的可滚动的文档可以在这里找到链接到我的jsfiddle

另一个更新:越来越接近我想要它运行只是需要帮助平滑的脚本

Answer 1

使用。animate() and .scrollLeft():

对不起，我一开始不知道你想要什么…听起来这就是你想要的。真正的关键是jQuery的.scrollLeft() ..我给出的示例也使用.animate()使其看起来更好。 jQuery

$("#next").click(function(){
    $("#cara").scrollLeft($("#cara").scrollLeft() + 100);
});
$("#prev").click(function(){
   $("#cara").scrollLeft($("#cara").scrollLeft() - 100);
});