title: How to change default scrollspeed,scrollamount,scrollinertia of a webpage
body: <p>I am tring to change the the default scrolling speed,amount and inertia of a webpage.I google a lot,but in vain</p>
  
  <p>Fortunately,later,this day,I found <a href="http://manos.malihu.gr/jquery-custom-content-scroller/">a plugin</a> which allows us to change the scrollspeed,amount,inertia ONLY WITHIN a particular div tag and not in the entire webpage.</p>
  
  <p>Here is a basic code
           </p>
  
  <pre><code>    $(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({
   set_width:false, 
  set_height:false, 
   horizontalScroll:false, 
  scrollInertia:550, 
   SCROLLINERTIA:"easeOutCirc", 
   mouseWheel:"auto", 
    autoDraggerLength:true, 
      scrollButtons:{ 
  enable:false, 
         scrollType:"continuous", 
       SCROLLSPEED:20, 
        SCROLLAMOUNT:40 
       },
      advanced:{
  updateOnBrowserResize:true, 
     updateOnContentResize:false, 
        autoExpandHorizontalScroll:false, 
      autoScrollOnFocus:true 
     },
             callbacks:{
       onScrollStart:function(){}, 
      onScroll:function(){}, 
  onTotalScroll:function(){}, 
      onTotalScrollBack:function(){}, 
     onTotalScrollOffset:0, 
  whileScrolling:false, 
         whileScrollingInterval:30 
   }
     });
  
  
  
  &lt;div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE"&gt;
  A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output    &lt;/div&gt;
  </code></pre>
  
  <p>The issue is that i want for the entire page and not merely withing a particular div element.Any help would be appreciated.Please help me</p>
  
  <p>Thanks in advance</p>