使用fullpage js的部分内部水平滚动

Question

我正在尝试在有幻灯片的部分添加自定义滑块，我正在使用Fullpage.js插件，我搜索了这个但是找不到任何清楚，只允许垂直滚动条，但不是水平..有什么办法可以做这个 ？整个页面js插件使用slimscroll js何时设置scrollOverflow true。 JSFiddle代码

// HTML

<div id="fullpage">
    <div class="section">Some section</div>
    <div class="section">
        <div class="slide"> Slide 1 </div>
        <div class="slide"> Slide 2 </div>
        <div class="slide"> Slide 3 </div>
        <div class="slide"> Slide 4 </div>
    </div>
</div>

// JS

$('#fullpage').fullpage({
    sectionsColor : ['#ccc', '#456'],
});

Answer 1

我正在使用以下代码进行水平滚动鼠标滚轮（注意：这不适用于触摸板滚动。在这种情况下，多于1张幻灯片滚动。此外，我没有任何垂直滚动滑块，只有水平滚动滑块）

$('#fullpage').bind('mousewheel DOMMouseScroll', function(event, delta) {
    if(event.originalEvent.wheelDelta > 0) {
      fullpage_api.moveSlideLeft();
    } else {
      fullpage_api.moveSlideRight();
    }
});