@pwnography

Как правильно настроить barba.js?

Я делаю переходы между страницами без перезагрузки с анимацией с помощью barba.js и небольшого дополнения к ней barba-transitions. Как мне получить содержимое следующей страницы, до срабатывания анимации? Т.е. юрл уже сменился, но пока белый экран в ожидании анимации. Задача прокинуть в новую страницу нужную мне анимацию динамически.
У barba в api есть такая штука как newContainer, но возвращает undefined.
Если есть у кого опыт с barba, подскажите пожалуйста.
  • Вопрос задан
  • 2420 просмотров
Пригласить эксперта
Ответы на вопрос 1
Yadro
@Yadro
barbajs.org/transition.html
Судя по документации сначала нужно дождаться newContainerLoading

newContainer
HTMLElement of the new container. (with visibility: hidden;)
Please note, it's undefined until newContainerLoading is resolved!


И немного переделанный пример из доки
var HideShowTransition = Barba.BaseTransition.extend({
  start: function() {
    this.newContainerLoading.then(this.finish.bind(this));
  },

  finish: function() {
    this.newContainer; // теперь newContainer должен быть доступен
    this.done();
  }
});
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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