jquery – Fullpage.js:下一个和上一个按钮

前端之家收集整理的这篇文章主要介绍了jquery – Fullpage.js:下一个和上一个按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个按钮:#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'
});

UPDATE

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

Example online

原文链接:https://www.f2er.com/jquery/175914.html

猜你在找的jQuery相关文章