title: full page .js prevent short scrolling on mobile
body: <p>Site in question: <a href="http://pizza.tgihost2.com" rel="nofollow noreferrer">http://pizza.tgihost2.com</a></p>
  
  <p>I'm using fullpage.js to display two food menus. There is one section with two slides. Each slide is its own food menu. The fullpage section is set to display: none at first. The fullpage section is revealed by the user via jquery.:</p>
  
  <pre><code>$('#launchPizzaMenu, .launch-menu').click(function() {
      $('body').addClass('noscroll');
      $.fn.fullpage.silentMoveTo('menu', 0);
      $('#fullpage').slideDown(200);
  });
  </code></pre>
  
  <p>The issue is the scrolling behavior on mobile when viewing the fullpage content. It's not smooth and fluid liek the rest of the page. When I scroll / flick, I'd expect it to continue to scroll a bit after I release my finger from the screen, but the scroll stops immediately and feels laborious to scroll through the fullpage content.</p>
  
  <p>Here's my fullpage config:</p>
  
  <pre><code>$('#fullpage').fullpage({
      anchors: ['menu'],
      controlArrows: false,
      autoScrolling: false,
      responsiveWidth: 900,
      afterResponsive: function(isResponsive){
  
      }
  });
  </code></pre>
  
  <p>Here's a gist showing the fullpage markup: <a href="https://gist.github.com/anonymous/0f8c33a2a875040edb7d5503238f8f71" rel="nofollow noreferrer">https://gist.github.com/anonymous/0f8c33a2a875040edb7d5503238f8f71</a></p>
  
  <p>There is one section with two slides.
  Slide one starts on line 21.
  Slide two starts on 152</p>
  
  <p>How can I achieve smooth scrolling within the fullpage content?</p>