javascript - 如何使 JCarousel Vertical Scroller 反向滚动？

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
  });
});