Fullpage.js - 我可以使用向上/向上箭头键移动整个页面吗？

Question

我有一个简单的问题。我可以使用相同的箭头键滚动和部分幻灯片吗？

例如，我有一个页面有3个部分，其中一个有3个幻灯片。我想只使用向上/向上箭头键浏览所有屏幕（总共5个屏幕）。

提前致谢！

Answer 1

您可以将此功能用于您要导航的所有元素：

    jQuery(function ($) {
               $('button').click(function () {

               $(".element1").stop().animate({ scrollTop: $(".element1")[0].scrollHeight }, 1000); //autoscroll to end of element1 on click on button    

               $(".element2").stop().animate({ scrollTop: $(".element2")[0].scrollHeight }, 1000); }); //autoscroll to end of element2 on click on button

如果有帮助，请告诉我。

Answer 2

当然可以。您可以使用fullPage.js选项keyboardScrolling:false禁用默认键事件，然后使用所需方法绑定自己想要的键，例如$.fn.fullpage.moveSetionDown或$.fn.fullpage.moveSlideRight。

考虑到使用keyboardScrolling: false，您还将禁用其他键组合，例如空格，shift +空格，页面向上，向下翻页，主页，结束... 您可以查看所有这些键绑定in the code itself。

此外，如果您想使用鼠标滚轮滚动浏览所有页面，您可以使用Scroll Horizontally extension。