title: How can i make my page slide on scroll Jquery or CSS (or any other way)
body: <p>I am wondering that how I can make my page slide when user scrolls the page. I have searched for solutions all over the web but I have found nothing. One solution had so much code it wasn't even worth it.</p>
  
  <p>Is there an efficient way or using a CDN that will allow me to do this?</p>
  
  <p>Note: its a smooth scrolling effect that keeps sliding subtly after you scroll up or down instead of abrupt scrolling as is the default.</p>
  
  <pre><code>var html = $('html');
  $('html').scroll(function() {
      html.animate({},500, 'swing');
  });
  </code></pre>
  
  <p>But of course that doesn't make much sense.</p>
  
  <p>I'm wondering if i should detect the direction of the scroll and based on that i add top:50px inside the CSS in the animate part or top:-50px if scroll direction is up.</p>
  
  <p>What do you think? I'm not sure that would work.</p>