Question

我能够使用jQuery Jcarousel实例化一个工作滚动条但是我需要它来反向滚动。例如，我现在有：

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 1,
        vertical: true,
        scroll: 1,
        animation: "slow",
        wrap: 'last',
        initCallback: mycarousel_initCallback
    }); 
});

我需要做些什么才能使项目向上滚动而不是向下滚动？

提前谢谢

Answer 1

实际上，它比那更简单。

scroll: -1

喝彩！

Answer 2

虽然您可以非常轻松地编写代码，但尚未实现反向自动滚动。

这是jCarousel中的自动滚动功能：

/**
 * Starts autoscrolling.
 *
 * @method auto
 * @return undefined
 * @param s {Number} Seconds to periodically autoscroll the content.
 */
    startAuto: function(s) {
        if (s != undefined)
            this.options.auto = s;

        if (this.options.auto == 0)
            return this.stopAuto();

        if (this.timer != null)
            return;

        var self = this;
        this.timer = setTimeout(function() { self.next(); }, this.options.auto * 1000);
    },

（jquery.carousel.js中的第687至706行）

将self.next();更改为self.prev()应该诀窍（现在无法测试，如果你愿意，请发布结果）。

祝你好运：）

Answer 3

只是将此添加到XaviEsteve答案（无论如何我都找不到添加评论的地方）。

一旦我将self.next（）更改为self.prev（），我必须将'wrap'选项更改为'both'以使其适用于我，就像这样。

jQuery('#mycarousel').jcarousel({
        auto: 1,
        wrap: 'both',
        vertical: true, 
        scroll: 1,
        start: 30,
        initCallback: mycarousel_initCallback
    });

Answer 4

试试这个，它应该可行

$(document).ready(function() {
    $('#mycarousel').jcarousel({
      vertical: true,
      wrap: 'circular',
      animate: 'slow',
    });  
    $('#mycarousel').jcarouselAutoscroll({
      interval: 3000,
      target: '-=1', /*if you change - on + it will scroll up*/
      autostart: true
  });
});

如何制作JCarousel Vertical Scroller反向滚动？

4 个答案: