title: How to defer fullPage.js scroll?
body: <p>When the user scrolls anywhere, I need to: 
  1. stop scrolling
  2. animate out the stuff in section
  3. trigger the scroll then.</p>
  
  <p>Everything I found is stopping scrolling by returning <code>onLeave</code> callback <code>false</code>. But in this case I can't trigger the scroll later.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new fullpage('#fullpage', {
    licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    
    onLeave: (origin, destination, direction) =&gt; {
      
      // This disables scroll, but eliminates all
      // the code below too. This is the only way
      // to disable scroll I found in documentation.
      return false;
      
      // Here I suppose to do my animations
      (() =&gt; {
        $('.section').text('My fancy animations! Whoa!');
      })();
      
      // And nooow I need to resume the scroll as such
      $('section *').one('webkitAnimationEnd oAnimationEnd msAnimationEnd animationend', () =&gt; {
        
        if(direction === 'down') {
          fullpage_api.moveSectionDown();
        } else {
          fullpage_api.moveSectionUp();
        }
        
      });
      
  
    }
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.section {
    text-align:center;
    font-size: 3em;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://rawgit.com/alvarotrigo/fullPage.js/dev/src/fullpage.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;div id="fullpage"&gt;
      &lt;div class="section"&gt;Section 1&lt;/div&gt;
      &lt;div class="section"&gt;Section 2&lt;/div&gt;
      &lt;div class="section"&gt;Section 3&lt;/div&gt;
      &lt;div class="section"&gt;Section 4&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>