我有两个按钮:#btn1
和 #btn2
;我希望它们在单击时来回移动。因此,#btn1
必须转到上一张幻灯片,当我单击 #btn2
时,它会转到下一张幻灯片。
我使用fullPage.js用于幻灯片。
在文档中说我必须使用这个
$.fn.fullpage.moveSlideUp();
$.fn.fullpage.moveSlideDown();
但我对 Javascript
很业余。你能帮我吗?
最佳答案
只需添加以下内容:
$('#button1Id').click(function(){
$.fn.fullpage.moveSectionDown();
});
$('#button2Id').click(function(){
$.fn.fullpage.moveSectionUp();
});
最好也使用选项fixedElements
以防万一:
$.fn.fullpage({
fixedElements: '#button1Id, #button2Id'
});
您可以在fullpage.js docs中阅读有关fixedElements
选项的更多信息。 .
更新
<小时/>如果您使用的是 fullpage.js > 2.X,则无需使用选项 fixedElements
。如果您在 CSS 中添加固定定位样式,只需使用插件包装器并将固定元素放置在包装器外部即可正常工作。
关于jquery - Fullpage.js:下一个和上一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20269398/