Как изменить overlayOpacity всего за один шаг с помощью intro.js? - PullRequest
Новая
       18

Как изменить overlayOpacity всего за один шаг с помощью intro.js?

3 голосов
/ 29 сентября 2019

Я хочу изменить параметр overlayOpacity на 0.5 только для одного конкретного шага.Как я могу реализовать эту функциональность и изменить этот параметр обратно на значение по умолчанию?

Примеры, которые не работают: 

introJs().step2().setOption("overlayOpacity", 0.5);

if(introJs().step2()){
  introJs().setOption("overlayOpacity", 0.5);
}

1 Ответ

1 голос
/ 29 сентября 2019

Документация API для intro.js не совсем понятна, но я нашел один пример в репозитории, который может дать вам представление о том, как решить вашу проблему:

  1. Прослушивание изменений шага
  2. Проверка на _currentStep равна желаемому шагу 
introJs().onbeforechange(function() {
  if (this._currentStep === 1) {
    introJs().setOption("overlayOpacity", 0.5);
  } else {
    introJs().setOption("overlayOpacity", 0.8);
  }
});

Примечание: Параметр по умолчанию overlayOpacity равно 0,8 и должно быть изменено обратно, если пользователь оставил желаемый шаг.И имейте в виду, что этот слушатель запускает функцию обратного вызова до изменения шага.Поэтому нам нужно currentStep === 1 вместо 2.

...