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

前端之家收集整理的这篇文章主要介绍了jquery – Fullpage.js:下一个和上一个按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个按钮:#btn1和#btn2;我希望他们在点击时来回走动.所以#btn1必须转到上一张幻灯片,当我点击#btn2时,它会进入下一张幻灯片.

我用幻灯片fullPage.js.

在文档中说我必须使用它

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

但我是Javascript的业余爱好者.你能帮助我吗?

解决方法

只需添加: @H_404_6@$('#button1Id').click(function(){ $.fn.fullpage.moveSectionDown(); }); $('#button2Id').click(function(){ $.fn.fullpage.moveSectionUp(); });

最好还使用选项fixedElements以防万一.

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

UPDATE

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

Example online

猜你在找的jQuery相关文章