在jQuery上需要一个滑块，同时带有滚动条和箭头

Question

我需要在jQuery上同时使用滚动条和箭头的内容滑块。像这样的东西，但侧面有箭头，就像这样。将鼠标悬停在父标记上时，箭头应显示。我在互联网上搜索。但我找不到我需要的东西。有人知道这样的滑块吗？

Answer 1

使用 value 方法在按下下一页/上一页按钮时将滑块的值设置为下一页/上一页。要做到这一点，需要大约 10 行带有 jQuery 和 UI 的 JavaScript。

我是根据您提供的链接中的滑块开发的。JS代码是这样的，可以在这个小提琴中找到。

var max = , pageWidth = ; // see the fiddle for the full code
$('#prev, #next').click(function(){
    var current = $("#slider").slider('value');
    var to = $(this).is('#prev') ? current - pageWidth : current + pageWidth;
    $('#prev, #next').show();
    if(to <= 0)
        $('#prev').hide();
    else if(to >= max - pageWidth)
        $('#next').hide();
    $("#slider").slider('value', to);
    sliderOpts.slide(null, { value: to });
});
$('#prev').trigger('click'); // init​​​​​​​​

因此，您唯一要做的就是应用您喜欢的任何 CSS 更改，如果您想将 #prev 和 #next 按钮移动到父元素，也可以使用提供的代码。

Answer 2

这个例子会有帮助吗？

http://manos.malihu.gr/tuts/custom-scrollbar-plugin/scroll_buttons_and_snap_scrolling_examples.html

尝试"查看源代码"并获取所需的 *.js 和 *.css 文件，并从那里调整您的 CSS 和脚本。

祝你好运！

Answer 3

试试 Jscrollpane： http://jscrollpane.kelvinluck.com/

我已经在十几个非常复杂的网站上使用了它，我总是设法用它做我想做的事。它也有很棒的文档。

您可以选择水平或垂直滑块（或两者兼而有之），显示/隐藏箭头，转到特定的html元素，使用动画等。

看看吧！一旦你习惯了它，你就会一直使用它！

希望对您有所帮助！

Answer 4

首先，你应该谷歌你的要求，那里有很多，检查这些