我在我的代码中使用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
我怎样才能实现这一点,因为没有" continuousHorizontal:true"选项? 我在这里搜索了谷歌,但我找不到任何东西来实现我的需要。
答案 0 :(得分:0)
在github的fullpage.js论坛中有an open issue。
Fullpage.js目前没有提供这样做的方法。但是如果你真的需要它,你可以要求定制,详见答案之一:
我将插件自定义为一年前要求定制的人。随意做同样的事。
现在可以通过fullpage.js扩展名Scroll Horizontally。