Barba js позиция прокрутки - PullRequest
0 голосов
/ 14 июля 2020

Я новичок в barba. js так что просто пытаюсь обойти его.

Когда выполняется переход страницы, прокрутка страницы в моем браузере остается на месте. Это намеренно?

Возможно ли, чтобы после перехода следующая страница загружалась вверху, как обычно?

Вот мой код

function pageTransition() {
  var tl = gsap.timeline();

  tl.to('ul.transition li', { duration: .5, scaleY: 1, transformOrigin: "top left", stagger: .2 })
  tl.to('ul.transition li', { duration: .5, scaleY: 0, transformOrigin: "top left", stagger: .1, delay: .1})
}

function contentAnimation() {
  var tl = gsap.timeline();

  tl.from('.hero', { duration: 1, translateY: 50, opacity: 0 })
}

function delay(n){
  n = n || 2000;
  return new Promise(done => {
    setTimeout(() => {
      done();
    }, n)
  });
}

barba.init({
  sync: true,

  transitions: [{
    async leave(data) {
      const done = this.async();

      pageTransition();
      await delay(500);
      done();
    },
    async enter(data) {
      contentAnimation();
    },
    async once(data) {
      contentAnimation();
    }
  }]
});

1 Ответ

0 голосов
/ 14 июля 2020

После повторной проверки документации я обнаружил крючки.

barba.hooks.enter(() => {
  window.scrollTo(0, 0);
});

Это решает проблему, если у кого-то такая же проблема.

...