2015-10-20 27 views
1

我用我的代码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); 
    } 

}); 

唯一的问题是,经过它会滚动到最后一个分区,我希望能够以一种方式回到第一个分区,如无限循环(连续) - example

由于没有“continuousHorizo​​ntal:true”选项,我该如何实现? 我在这里搜索和谷歌,但我找不到任何东西来实现我所需要的。

+0

请参阅[“应该在其标题中包含”标签?“](http://meta.stackexchange.com/questions/19190/should-questions-include-tags-in-their-titles),其中共识是“不,他们不应该”! –

回答

0

There's an open issue在github上fullpage.js论坛。

Fullpage.js目前不提供这种方法。但是如果你真的需要它,你可以按照其中一个答案要求定制:

我定制插件给某人,请求像一年前那样定制。随意做同样的事情。

更新


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

+0

谢谢阿尔瓦罗。那正是我所做的,但是因为我不确定何时可以完成,还有什么其他的事情可以做到这一点?我认为这些元素需要在显示最后一个元素之后进行克隆,就好像它们是序列的一部分,之后删除了之前的元素,但我无法将其实现。 – JustQn4