title: Controlling Jquery scrolltop speed
body: <p>I have this code for moving the box using .scrollTop. Using this i code i was able to move the box from bottom to top, is there any other way to control the speed of scrolling every 100 pixel?</p>
  
  <p>Here's my <strong>jquery:</strong></p>
  
  <pre><code>$(document).ready(function () {
      $(window).scroll(function () {
          var x = $(document).scrollTop();
          var dh = $(window).innerHeight();
          var move = x / 100 * 100;
          console.log(x);
          $('.box').css('bottom', move);
          }
      });
  });
  </code></pre>
  
  <p>and the <strong>css:</strong></p>
  
  <pre><code>body {
      height: 2000px;
  }
  .box {
      width: 50px;
      height: 50px;
      background: #f00;
      bottom: 0;
      position: fixed;
  }
  </code></pre>
  
  <p>Is there a way to do this? Thanks in advance guys. Have a nice day.</p>