Question

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

我的问题是我需要一个jquery轮播和一个jquery滚动条来携手合作。轮播更新滚动条，反之亦然，但是滚动条本身内显示的内容信息（例如（1/12），因此显示12个幻灯片/图像中的1个）。如果我可以让滚动条捕捉并在拖动或拉动过程中更新显示的信息，那么它也会增加额外的奖励。

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

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

＆LT;＆LT; -------- | 5/12 | -------＆gt;＆gt;

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

更新：我已经开始使用jsfiddle，所以人们可以看看我试图解释的内容。我正在使用两个插件范围输入和放大器的组合。由同一个人/团队制作的可滚动文档可以Here 以及指向jsfiddle

的链接

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

Answer 1

使用.animate（）和.scrollLeft（）：

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

的jQuery

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

jquery滚动条

1 个答案:

使用.animate（）和.scrollLeft（）：