Как сделать плавный переход между секциями с обычным и постраничным скроллом в fullpage.js?

Question

[Вячеслав Яшников]

Всем привет!
Работаю над сайтом и столкнулся с проблемой, на сайте предусмотрен комбинированный скролл - по секциям и обычный.

Переход от постраничной прокрутки к обычной делаю так:

setTimeout(function () {
                fullpage_api.setAutoScrolling(false);
            }, 1000); // ждем когда перейдет на следующую секцию и отключаем автоскролл

Переход от обычной к постраничной так:

var sectionPosition = $('#slide7').offset().top;  //считаем расстояние от верха страницы до секции с постраничной прокруткой               
                $('body, html').animate({
                scrollTop: sectionPosition // прокручиваем к секции
            }, 600, function () {
                setTimeout(function () {
                fullpage_api.setAutoScrolling(true); //включаем постраничный скролл 
            }, 100);
                });

Суть проблемы вот в чем:
Пользователь скроллит на секции с обычным скроллом вверх, начинает работать анимация перехода наверх но она происходит рывками, я думаю это связано с тем что обычный скролл от обычное прокрутки еще не остановился а уже идет анимация перехода выше. Наглядно на видео

UPD: сам сайт eikids.webflow.io

Comments

[Сергей Шилов]

А зачем вам запрещать каждый раз скролл при прокрутке?

[Вячеслав Яшников]

Сергей Шилов, не совсем понимаю вопроса. Но я думаю когда начала работать анимация остановить событие прокрутки которое ее инициировало, как-то так

[Сергей Шилов]

У вас неправильные параметры стоят на плагине, он по дефолту работает так как вам надо просто на уровне $('.class').fullpage();

[Вячеслав Яшников]

Сергей Шилов, изначально постраничный скролл выключен специально чтобы если пользователь по анкору перешел на сайт на секцию без постраничной прокрутки она не срабатывала, затем если он на первом слайде или с 1 по 7 то срабатывает постраничная

[Вячеслав Яшников]

Сергей Шилов, он не работает на этом уровне так:) не будет обычной прокрутки секций, применять scrolloverflow не подходит так как на сайте предусмотрена отзывчивая на прокрутку анимация

[Сергей Шилов]

Не понял. Анкоры там работают на дефолтном уровне, это во-первых, во-вторых, если вам нужен обычный сроллбар, чтобы сохранить дефолтный прокрутчик, то он вызывается методом scrollBar: true

[Вячеслав Яшников]

Сергей Шилов, мне нужно первые 7 секций пролистать слайдом, затем оставшиеся секции прокручивать обычным скроллом

[Сергей Шилов]

Вячеслав Яшников, тогда вам нужен плагин scrollOverflow, попросите заказчика приобрести его, работает отлично, я покупал на последний проект, вышло около 3к

[Вячеслав Яшников]

Сергей Шилов, scrolloverflow во первых бесплатен во вторых он не подходит по причине что он всегда возвращает scrolltop = 0

[Сергей Шилов]

Вячеслав Яшников, он не бесплатный, поверьте мне, я с этим плагином работаю много лет и что значит возвращает srolltop = 0 ?

[Вячеслав Яшников]

Сергей Шилов, В таком случае у меня для вас хорошие новости как можно начать экономить:)
на cdnjs этот плагин в публичном доступе и я его использовал в одном из своих проектов бесплатно:
https://yadi.sk/i/6Z9OSLFL3ak3rW

Насчет scrolltop -
https://yadi.sk/i/x0IyBIYq3ak3uo

scrolloverflow имитирует прокрутку внутри секции высотой 100vh тем самым не дает возможности использовать отзывчивую на скролл анимацию, так как так такового скролла тут нет. скрин с официальной демо страницы расширения scrolloverflow https://alvarotrigo.com/fullPage/extensions/scroll...
Да это выглядит одинаково но работает совершенно по-другому:)

В связи с этим мне подходит только гибридный скролл и включение выключение автопрокрутки

[Сергей Шилов]

Вячеслав Яшников, свяжитесь со мной в телеграмме "@olivoin"