title: Scroll control with JQuery / Java Script
body: <p>I am looking for to mimic the same scroll behavior the new Flickr website has at <a href="https://www.flickr.com/#section-1" rel="nofollow">https://www.flickr.com/#section-1</a>. </p>
  
  <p>No matter how hard or fast you move your mouse scroll wheel the result is the same.</p>
  
  <p>I know this is a kind of parallax website but I am more interested in the scroll control.</p>
  
  <p>This is what I am doing right now using this plugin <a href="https://github.com/ultrapasty/jquery-disablescroll" rel="nofollow">https://github.com/ultrapasty/jquery-disablescroll</a>: </p>
  
  <pre><code>var mypos = $(window).scrollTop();
  var up = false;
  var newscroll;
  $(window).scroll(function () {
      newscroll = $(window).scrollTop();
      if (newscroll &gt; mypos &amp;&amp; !up) {
          $(window).disablescroll(); //disable scroll
          //$('body').addClass('stop-scrolling'); //a css that inputs an overflow hidden
          $('#video_bkg').stop().animate({
              height: 'toggle',
              opacity: 'toggle'
          }, 500);
          up = !up;
      } else if(newscroll &lt; mypos &amp;&amp; up) {
          $('#video_bkg').stop().animate({
              height: 'toggle',
              opacity: 'toggle'
          }, 500, function() {
              $(window).disablescroll('undo'); //reenable scroll
          });
          up = !up;
      }
      mypos = newscroll;
  });
  </code></pre>
  
  <p>But none of this equals the Flickr's effect.</p>