title: Mouse scroll wheel speed
body: <p>I am using this code to bind scroll to specific elements on page. Is it possible to change the speed of scrolling ? I tried to use "animate" but didn`t work.</p>
  
  <pre><code>    (function() {
    var delay = false;
  
    $(document).on('mousewheel DOMMouseScroll', function(event) {
      event.preventDefault();
      if(delay) return;
  
      delay = true;
      setTimeout(function(){delay = false},100)
  
      var wd = event.originalEvent.wheelDelta || -event.originalEvent.detail;
  
      var a= document.getElementsByTagName('section');
      if(wd &lt; 0) {
        for(var i = 0 ; i &lt; a.length ; i++) {
          var t = a[i].getClientRects()[0].top;
          if(t &gt;= 40) break;
        }
      }
      else {
        for(var i = a.length-1 ; i &gt;= 0 ; i--) {
          var t = a[i].getClientRects()[0].top;
          if(t &lt; -20) break;
        }
      }
      $('html,body').animate({
        scrollTop: a[i].offsetTop
      });
    });
  })();
  </code></pre>