title: Barba js scroll position
body: <p>I'm new to barba.js so just trying to get my head round it.</p>
  <p>When a page transition is performed, my browser page scroll stays where it was. Is this intentional?</p>
  <p>Is it possible to have it so after the transition the next page is loaded at the top like normal?</p>
  <p>Here is my code</p>
  <pre><code>function pageTransition() {
    var tl = gsap.timeline();
  
    tl.to('ul.transition li', { duration: .5, scaleY: 1, transformOrigin: &quot;top left&quot;, stagger: .2 })
    tl.to('ul.transition li', { duration: .5, scaleY: 0, transformOrigin: &quot;top left&quot;, 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 =&gt; {
      setTimeout(() =&gt; {
        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();
      }
    }]
  });
  </code></pre>