Fullpage.js SilentMoveTo не работает?

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

  1
Х2Х
  3
  4

Где X2X - это 3 слайда, я хочу приземлиться на 2-й, чтобы пользователь мог идти влево или вправо.

Я использую OnLeave для вызова silentMoveTo, но все, что я делаю, похоже, не действует:

onLeave: function(origin, destination, direction) {
        var params = {
            origin: origin,
            destination: destination,
            direction: direction
        };
        //after leaving first section
        console.info("leaving...");
        if (origin.index == 0 && direction == "down") {
        // moves the slides to the 2nd slide
        console.info("fire after 1?");
        fullpage_api.silentMoveTo(1, 1);
        }
    }

Но silentMoveTo не работает. Вот CodePen https://codepen.io/thetwopct/pen/bZwyRw

Любые советы о том, что я делаю неправильно?

Похоже, разделы индексируются не с 0, а с 1…? Итак, вам нужно fullpage_api.silentMoveTo(2, 1); перейти ко 2-му слайду во 2-м разделе. (Это делает скольжение, как и предполагалось, но вызывает постоянное срабатывание события onLeave, поэтому вам, возможно, придется также изменить origin.index == 0, что, вероятно, нужно проверить на == 1 тогда.)

04FS 05.03.2019 11:44

Спасибо! Я поиграл с этим, поставив 2,1, похоже, он сломался с ошибкой JS - RangeError: превышен максимальный размер стека вызовов.

thetwopct 05.03.2019 11:52

Вам нужно найти правильную точку, чтобы вызвать это, в настоящее время кажется, что выполнение этого скользящего действия запускает событие, а затем хочет снова сдвинуть его … как я уже сказал, if (origin.index == 0 && direction == "down"), вероятно, также нуждается в изменении.

04FS 05.03.2019 11:56
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
3
337
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Не нужно было делать это через OnLeave/silentMoveTo, просто добавьте класс active к слайду, который я хотел показать.

Согласно https://github.com/alvarotrigo/fullPage.js/issues/522

Это способ! :)

Alvaro 06.03.2019 12:23

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