title: Full page website and scrolling through sections using the mouse wheel
body: <p>I am building a website where the front page is composed of "full-page sections". My end goal is to achieve more or less exactly what this plugin offers:</p>
  
  <p><a href="http://alvarotrigo.com/fullPage/" rel="nofollow noreferrer">http://alvarotrigo.com/fullPage/</a></p>
  
  <p>Except I'd like to avoid including a 1400 line script when I don't really need all that.</p>
  
  <p>I have found an excellent starting point in this question:</p>
  
  <p><a href="https://stackoverflow.com/questions/17273719/how-to-scroll-down-100-with-mousewheel-at-once-jquery">How To Scroll down 100% with Mousewheel at once ? - jquery</a></p>
  
  <p>Here is a fiddle of the code I am currently using (scroll using just one notch of your mouse wheel):</p>
  
  <p><a href="http://jsfiddle.net/JqU2T/5/show/" rel="nofollow noreferrer">http://jsfiddle.net/JqU2T/5/show/</a></p>
  
  <p>And the code itself:</p>
  
  <pre><code>$(document).ready(function () {
  var divs = $('.mydiv');
  var dir = 'up'; // wheel scroll direction
  var div = 0; // current div
  $(document.body).on('DOMMouseScroll mousewheel', function (e) {
      if (e.originalEvent.detail &gt; 0 || e.originalEvent.wheelDelta &lt; 0) {
          dir = 'down';
      } else {
          dir = 'up';
      }
      // find currently visible div :
      div = -1;
      divs.each(function(i){
          if (div&lt;0 &amp;&amp; ($(this).offset().top &gt;= $(window).scrollTop())) {
              div = i;
          }
      });
      if (dir == 'up' &amp;&amp; div &gt; 0) {
          div--;
      }
      if (dir == 'down' &amp;&amp; div &lt; divs.length) {
          div++;
      }
      //console.log(div, dir, divs.length);
      $('html,body').stop().animate({
          scrollTop: divs.eq(div).offset().top
      }, 200);
      return false;
  });
  $(window).resize(function () {
      $('html,body').scrollTop(divs.eq(div).offset().top);
  });
  });
  </code></pre>
  
  <p>It works great, however, it is not intuitive and does not account for scroll events which don't take into account the effect. For example a user might start scrolling down the page by rolling their mouse wheel 2 or 3 times before they figure out the effect on the page, by which which point they are already on the 4th slide. The plugin I linked handles this really well however, if a user does scroll several time it will still only take them to the next slide. Again it isn't perfect, but it's good enough for me.</p>
  
  <p>I stumbled upon this question which contains the potential solution:</p>
  
  <p><a href="https://stackoverflow.com/questions/8730356/jquery-tools-scrollable-with-mousewheel-scroll-one-position-and-stop">jQuery Tools Scrollable with Mousewheel - scroll ONE position and stop</a></p>
  
  <p>I am relatively new to jQuery and was already out of my depth getting as far I have. I have tried implementing the code from the solution into my script various ways, but honestly I don't really know what I'm doing with it.</p>
  
  <p>If any jQuery expert fancies helping me out I would really appreciate it :)</p>