title: Fullpage.js and mobile devices: How to enable section / slide switch if content overflow must be enabled?
body: <p>After experimenting with some of the options I still did not get satisfying result:</p>
  
  <p>The used Javascript library is FullpageJS (<a href="http://alvarotrigo.com/fullPage/" rel="nofollow noreferrer">http://alvarotrigo.com/fullPage/</a>)</p>
  
  <p>Fullpage.js is initialized with the following settings:</p>
  
  <pre><code>$('#fullpage').fullpage({
     sectionsColor: colors,
     anchors: anchors,
     scrollOverflow: true,
     afterSlideLoad: function() {
        startTheSliders();
     },
     onLeave: function(index) {
          setTimeout(function() {
              $.fn.fullpage.scrollSlider(index,0);
          },1000);
     }
  });
  </code></pre>
  
  <p>Important: According to the documentation scrollOverflow:true is set (and must be set to true), because especially on mobile devices the content of a slide is sometimes higher than the screen height.</p>
  
  <p>However it is absolutely required that users can switch horizontally and vertically between the slides with the finger (not navigation). Intended behaviour is as follows:</p>
  
  <ol>
  <li><p>Horizontal switch switch slide if the finger moves left or right</p></li>
  <li><p>Vertical switch slide: Next bottom slide only if slide is scrolled to the bottom and finger moves down. Next top slide: Only if slide is scrolled to the top and finger moves up.</p></li>
  </ol>
  
  <p>The (former) dev project can be found here: <a href="http://www.studiodankl.com/" rel="nofollow noreferrer">http://www.studiodankl.com/</a></p>