jquery滚动条

Question

这几天我一直在寻找问题的解决方案 并想知道 stackoverflow 社区的任何人是否可以帮助我。

我的问题是我需要一个 jquery 轮播和一个 jquery 滚动条来协同工作。 轮播会更新滚动条，反之亦然，而且还会更新滚动条本身内所显示内容的信息（例如 (1/12)，因此将显示 12 张幻灯片/图像中的 1 张）。如果我可以让滚动条在拖动或拉动过程中捕捉并更新显示的信息，这也会带来额外的好处。

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

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

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

这是我努力画出我想要解释的内容。正如您所看到的，正在显示的轮播幻灯片的信息位于可拖动的滚动条块中。如果有人能指出我正确的方向，我将非常感激。

更新：我已经启动了 jsfiddle，以便人们可以看看我试图解释的内容。我正在使用两个插件范围输入和范围输入的组合。由同一个人/团队制作的可滚动文档可以在此处找到 以及我的 jsfiddle 另一个更新的链接

：越来越接近我希望它运行的方式，只需要帮助平滑脚本

Answer 1

使用 .animate() 和 .scrollLeft() ：

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

jQuery

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