9

我有两个按钮：#btn1和#btn2; 我希望他们在点击时来回走动。所以#btn1必须转到上一张幻灯片，当我单击#btn2它时，它会转到下一张幻灯片。

我将 fullPage.js用于幻灯片。

在文档中说我必须使用这个

$.fn.fullpage.moveSlideUp();
$.fn.fullpage.moveSlideDown();

但我是业余爱好者Javascript。你能帮助我吗？

4

1 回答 1

22

只需添加以下内容：

$('#button1Id').click(function(){
    $.fn.fullpage.moveSectionDown();
});


$('#button2Id').click(function(){
    $.fn.fullpage.moveSectionUp();
});

最好也使用该选项fixedElements以防万一。

$.fn.fullpage({
    fixedElements: '#button1Id, #button2Id'
});


更新

如果您使用的是 fullpage.js 2.X，那么您不需要使用该选项fixedElements。如果您在 CSS 中添加固定定位样式，只需为插件使用包装器并将固定元素放置在包装器之外即可正常工作。

在线示例

于 2013-11-28T15:16:03.610 回答