title: Mousewheel doesn't working (mCustomScrollbar jQuery plugin)
body: <p>I'm searching solution for my problem but i can't find it. So I downloaded jQuery plugin (mCustomScrollbar) and everything is fine without one thing - i can't scroll by mousewheel in my test page. Console is clear, examples from author works. I try run my code in latest Firefox and Chrome, but code is not working.</p>
  
  <p>My code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="elements"&gt;
      &lt;p&gt;Elementy&lt;/p&gt;
      &lt;div id="list"&gt;
          xxx&lt;br /&gt;xxx&lt;br /&gt;
          abc&lt;br /&gt;def&lt;br /&gt;ghi&lt;br /&gt;jkl&lt;br /&gt;abc&lt;br /&gt;def&lt;br /&gt;ghi&lt;br /&gt;jkl&lt;br /&gt;abc&lt;br /&gt;def&lt;br /&gt;ghi&lt;br /&gt;jkl&lt;br /&gt;abc&lt;br /&gt;def&lt;br /&gt;ghi&lt;br /&gt;jkl&lt;br /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
      $('div#elements').mCustomScrollbar({
          axis:'y',
          theme:'dark',
          mouseWheel:{
              enable:true,
              scrollAmount:5
          }
      }); 
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>div#elements {
      background-color:#fff;
      border:1px solid #000;
      height:350px;
      position:absolute;
      right:10%;
      top:20%;
      width:230px;
      z-index:2;
  }
  div#elements p {
      border-bottom:1px solid #000;
      cursor:default;
      margin:0;
      padding:8px 0;
      text-align:center;
  }
  </code></pre>
  
  <p>If anyone can help me i will waiting for message.</p>