Fullpage.js Отключить moveSectionUp при использовании непрерывной прокрутки или зацикливания

Просто начинаю использовать fullPage.js и люблю его до сих пор.
В любом случае, когда вы реализуете эффект непрерывности и цикличности, и вы находитесь в первом разделе, он позволяет конечному пользователю прокручивать вверх и переходить к последнему разделу... что является проблемой при попытке рассказать историю пользователю, Поэтому я просто пытаюсь отключить прокрутку вверх, но не знаю, как это сделать.

Я провел некоторое исследование и наткнулся на moveSectionUp и попытался отключить его, но не понял, как это сделать. Может ли кто-нибудь, знакомый с fullPage.js, помочь мне здесь?

Примечание: я только надеюсь отключить его для первого раздела, а остальные можно свободно прокручивать назад и вперед.

Заранее спасибо.

1 ответ

Решение

Используйте функцию fullpage.js setAllowScrolling с параметром up вот так:

//disabling scrolling up
$.fn.fullpage.setAllowScrolling(false, 'up');

Вы можете использовать его на afterRender обратный вызов и afterLoad играть с ним, вот так:

$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    continuousVertical: true,
    afterRender: function () {
        //disabling scrolling up on page load if we are in the 1st section
        if($('.fp-section.active').index('.fp-section') === 0){
            $.fn.fullpage.setAllowScrolling(false, 'up');
        }
    },
    afterLoad: function (anchorLink, index) {
        if (index !== 1) {
            //activating the scrolling up for any other section
            $.fn.fullpage.setAllowScrolling(true, 'up');
        } else {
            //disabling the scrolling up when reaching 1st section
            $.fn.fullpage.setAllowScrolling(false, 'up');
        }
    }
});

Демо онлайн

Таким образом, посетители не смогут прокручивать страницу вверх при загрузке.

Из документов:

setAllowScrolling (логическое значение, [направления])

Добавляет или удаляет возможность прокрутки разделов с помощью колесика мыши / трекпада или сенсорных жестов (который активен по умолчанию).

направления: (необязательный параметр) Допустимые значения: все, вверх, вниз, влево, вправо или их комбинация, разделенные запятыми, как вниз, вправо. Он определяет направление, для которого будет включена или отключена прокрутка.

Другие вопросы по тегам