title: iScroll 5 container boundaries detection scrolling with mousewheel and touch
body: <p>I'm using iScroll 5 with fullpage.js because the solution provided by fullpage.js is not what I need.</p>
  
  <p>My page has 3 full page sections. The 2nd section has a vertical scrollable content. </p>
  
  <p>What I need to do is to detect when my scrollable content is in the boundaries of the parent element(top and bottom), then if I perform again the scroll(both, mousewheel or touch), it fires an event.</p>
  
  <p>Here's a <strong><a href="http://jsfiddle.net/fF4BJ/" rel="nofollow">Fiddle</a></strong> with the problem.</p>
  
  <p>I need something like this:</p>
  
  <pre><code>$('.scrollwrapper').on("mousewheel touchmove", function() {
      if ("scroll is on max top"){
          $(this).on("wheelUp touchmoveUp", function() {
              $.fn.fullpage.moveSectionUp();
          });
      }else if ("scroll is on max bottom"){
          $(this).on("wheelDown touchmoveDown", function() {
              $.fn.fullpage.moveSectionDown();
          });
      }
  });
  </code></pre>
  
  <p>Hope you can help me, I'll appreciate any help.</p>