水平自动滚动到循环 - 目前不可能

时间:2015-10-20 22:31:35

标签: jquery infinite-loop fullpage.js

我在我的代码中使用fullPage.js JQuery插件,所以我可以在全屏div上进行水平滚动,如下所示: - jsfiffle

var slideTimeout;

$('#fullpage').fullpage({

    verticalCentered: false, 
    navigation: false,
    slidesNavigation: false,
    controlArrows: false,

    autoScrolling: true,
    loopHorizontal: true,
    continuousVertical: true,

    afterRender: function () {
        //on page load, start the slideshow
         slideTimeout = setInterval(function () {
                $.fn.fullpage.moveSlideRight();
            }, 1000);
    }

});

唯一的问题是,在它到达最后一个div后,它会回滚到第一个div,并且我希望能够以一种方式回到第一个div,就像它在无限循环(连续) - example

我怎样才能实现这一点,因为没有" continuousHorizo​​ntal:true"选项? 我在这里搜索了谷歌,但我找不到任何东西来实现我的需要。

1 个答案:

答案 0 :(得分:0)

在github的fullpage.js论坛中有an open issue

Fullpage.js目前没有提供这样做的方法。但是如果你真的需要它,你可以要求定制,详见答案之一:

  

我将插件自定义为一年前要求定制的人。随意做同样的事。

更新

现在可以通过fullpage.js扩展名Scroll Horizontally