title: Vertical scrolling on mobile device fullpage.js
body: <p>I am creating slides using <a href="https://alvarotrigo.com/fullPage" rel="nofollow noreferrer">fullpage.js</a> plugin. My slide content length is different on each slide. On a mobile device, my content overflows and goes beyond the height of mobile screen which requires user to scroll vertically down to view overflown content. However, I cannot scroll vertically since my webpage is designed for slides. My question is, how can I make slide scroll vertically when the content is overflown instead of scrolling through slides (horizontally)? I use below code to initialize fullpage.</p>
  
  <pre><code>$('#main').fullpage({
    lockAnchors: true,
    anchors: ['section'],
    loopHorizontal: false,
    controlArrows: false
  });
  </code></pre>
  
  <p>I also use <code>fp-auto-height-responsive</code> class.</p>
  
  <p>Basic structure of my HTML page is</p>
  
  <pre><code>&lt;div class="container-fluid section fp-auto-height-responsive"&gt;
    &lt;div class="smooth-scroll smooth-scroll-top slide paralax" data-anchor="idOfNextSlide"&gt;
      Some Content
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Navigation is handled using jQuery</p>
  
  <pre><code>$.fn.fullpage.moveTo('section', $slide);
  </code></pre>