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

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

Переход от постраничной прокрутки к обычной делаю так:
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
  • Вопрос задан
  • 1617 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы