title: Can't scroll down using Barba.js and Locomotive scroll
body: <p>I'm using barba.js and locomotive scroll together, I have overlay transition which work when I click the menu link (page2) to go to another page, but once that is down I cant scroll down when, I added the below code</p>
  <pre><code>barba.hooks.beforeLeave((data) =&gt; {
      scroll.destroy();
  });
  
  barba.hooks.after((data) =&gt; {
      scroll.init();
  });
  </code></pre>
  <p>I am still getting the same result, kindly help fix this</p>
  <pre><code>&lt;body data-barba=&quot;wrapper&quot;&gt;
      &lt;div class=&quot;overlayCover&quot;&gt;&lt;/div&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href=&quot;page1.html&quot;&gt;Page 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;page2.html&quot;&gt;Page 2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
  &lt;main data-barba=&quot;container&quot; data-barba-namespace=&quot;page1&quot;&gt;
  &lt;div class=&quot;o-scroll&quot;&gt;
  &lt;div data-scroll-container&gt;
  
  content here ....
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>Full script below</p>
  <pre><code>const scroll = new locomotiveScroll({
          el: document.querySelector('.o-scroll'),
          smooth: true
  });
  
  barba.hooks.enter(() =&gt; {
      window.scrollTo(0, 0);
  });
  
  barba.hooks.beforeLeave((data) =&gt; {
      scroll.destroy();
  });
  
  barba.hooks.after((data) =&gt; {
      scroll.init();
  });
  
  barba.init({
    sync: true,
    transitions: [{
        async leave(data) {
            const done = this.async();
  
            pageTransition();
            await delay(1500);
            done();
        },
  
        async enter(data) {
          contentAnimation();
        },
  
        async once(data) {
          contentAnimation();
        }       
    }]
  });
  </code></pre>
  <p>Thanks</p>