Горизонтальный скролл и вертикальный Fullpage.js?

У меня лендинг на 5 экранов, первые 3 экрана горизонтально скролятся, остальные вертикально. Есть скрипт скролла

песочница

    $(document).ready(function () {
    var slideIndex1 = 1;
    var sliding = false;
    $('#fullpage').fullpage({
        onLeave: function (index, nextIndex, direction) {
        if (index == 1 && !sliding) {
                if (direction == 'down' && slideIndex1 < 3) {
                    sliding = true;
                    $.fn.fullpage.moveSlideRight();
                    return false;
                } else if (direction == 'up' && slideIndex1 > 1) {
                    sliding = true;
                    $.fn.fullpage.moveSlideLeft();
                    return false;
                }
            }
         else if (sliding) {
                return false;
            }
        },
        afterSlideLoad: function (anchorLink, index, slideAnchor, slideIndex) {
            sliding = false;
        },
        onSlideLeave  : function (anchorLink, index, slideIndex, direction, nextSlideIndex) {
        if (index == 1){
                if (direction == 'right') {
                    sliding = true;
                    slideIndex1++;
                }
                if (direction == 'left') {
                    sliding = true;
                    slideIndex1--;
                }
            }
        }
    });
});

Скрипт работает, но если просмотреть все экраны и вернуться на вверх то слайды не скролятся мышкой. Как это исправить в коде?