javascript - 使用整页js的部分内部水平滚动

Question

我正在尝试在有幻灯片的部分添加自定义 slider ，我正在使用 Fullpage.js 插件，我搜索了这个但找不到任何明确的内容，只允许垂直滚动条，但不允许水平滚动条..有没有这样做的方法？当设置 scrollOverflow true 时，fullpage js 插件也使用 slimscroll js。 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 张幻灯片。另外，我没有任何垂直滚动 slider ，只有水平滚动 slider )

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