Javascript 如何在FullPage.js中启用水平滚动？

我有一个GPA计算器网络应用程序完全运作。我希望它能做出响应，但似乎智能手机和平板电脑存在一些bug

对于平板电脑来说，内容似乎与桌面版相似，但当您单击中的某个字段时，会将页面放大到该特定输入。之后，用户必须向右滚动才能访问所有其他输入字段

FullPage.js不允许这种类型的滚动，因为它会自动滑动到下一个水平页面：即输出部分

我确实希望我的结果和输入区域是两个不同的页面，我知道的唯一方法是不存储数据，将其放在一个带有幻灯片功能的网页上。有没有办法在Fullpage.Js中启用水平滚动，或者禁用幻灯片，除非他们按下某个按钮？有没有更好的方法来实现这一点

---

以下是网站：

尝试在整个部分使用插件选项

normalScrollElements

，然后在单击按钮时调用类似

moveSlideRight

的函数。

为什么不使用css:overflow

 .selector {
      overflow-x: scroll;
 }

$（'fullpage'）。整页({
css3：没错，
幻灯片导航：正确，
normalScrollElements:“.slide”
});
$（'body'）。在（'DOMMouseScroll mousewheel'，函数（e）上{
如果（e.originalEvent.detail>0 | | e.originalEvent.wheelDelta<0）{//wheelData的备选选项：wheelDeltaX和wheelDeltaY
//向下滚动
$.fn.fullpage.moveSlideRight（）；
}否则{
//向上滚动
$.fn.fullpage.moveSlideLeft（）；
}
//防止页面fom滚动
返回false；
});

---

在“Alvaro”和

的帮助下，这不适用于触摸板。超过1张幻灯片被滚动

$('#fullpage').fullpage({
    css3: true,
    slidesNavigation: true,
    normalScrollElements: '.slide'

});


$('body').on('DOMMouseScroll mousewheel', function (e) {
    if(e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) { //alternative options for wheelData: wheelDeltaX & wheelDeltaY
      //scroll down
      $.fn.fullpage.moveSlideRight();
    } else {
      //scroll up
      $.fn.fullpage.moveSlideLeft();
    }
    //prevent page fom scrolling
    return false;
});