jquery滚动条

jquery滚动条,jquery,scrollbar,jscrollpane,jcarousel,Jquery,Scrollbar,Jscrollpane,Jcarousel,几天来我一直在寻找解决问题的办法 我想知道stackoverflow社区是否有人能帮我 我的问题是我需要一个jquery旋转木马和一个jquery滚动条来协同工作。 旋转木马会更新滚动条,反之亦然,但滚动条本身也会显示所显示内容的信息,例如1/12,因此将显示12张幻灯片/图像中的1张。如果我能让滚动条在拖动或拖动的过程中捕捉并更新显示的信息,这也会增加额外的好处 我不知道从哪里开始,因为我不知道jCarousel是否支持使用相同元素的jScrollpane。如果有人能善意地将实际需要发生的事情

几天来我一直在寻找解决问题的办法 我想知道stackoverflow社区是否有人能帮我

我的问题是我需要一个jquery旋转木马和一个jquery滚动条来协同工作。 旋转木马会更新滚动条,反之亦然,但滚动条本身也会显示所显示内容的信息,例如1/12,因此将显示12张幻灯片/图像中的1张。如果我能让滚动条在拖动或拖动的过程中捕捉并更新显示的信息,这也会增加额外的好处

我不知道从哪里开始,因为我不知道jCarousel是否支持使用相同元素的jScrollpane。如果有人能善意地将实际需要发生的事情分解,那就太好了

我还将尝试添加一个图表,以防您完全不理解需要做什么

那是我努力画出我想要解释的东西。正如您所看到的,正在显示的转盘幻灯片的信息位于可拖动的滚动条块中。如果有人能给我指出正确的方向,我将不胜感激

更新:我已经启动了一个JSFIDLE,所以人们可以看看我试图解释的内容。我使用的是两个插件的组合,范围为输入&可滚动,由可以找到文档的同一个人/团队制作 还有我的

另一个更新:使用.animate和.scrollLeft: 对不起,我一开始不知道你想要什么。。。听起来这就是你想要的。真正的关键是jQuery的。。我举的例子也可以让它看起来更漂亮

jQuery

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

对不起,genesis,我甚至还没有开始为它编写代码,但我一直在研究jQueryUI。P.S感谢您在使用箭头滚动产品时获取了乐趣滚动条更新显示了显示的幻灯片/productFYI:Nina Ricci示例为100%Flash®如果您查看此链接,旋转木马和滚动条将携手工作感谢mazlix利用超时帮助我这是我启动了因此,也许你可以看看并帮助我使用由同一个人/团队制作的2个插件的组合,文档可以在这里找到