title: jquery slimscroll - mousewheel propagation
body: <p>How to avoid the mousewheel to propagate to the body?</p>
  
  <p>When you scroll the red div the body scrolls?</p>
  
  <p>On their demo website there is no propagation</p>
  
  <h1>code</h1>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;div&gt;
          &lt;div class="content"&gt;
              test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;
              test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;
              test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test&lt;br&gt;test
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  .main {
      height:1000px;
      background:gray;
  }
  
  .content {
      background:red;
  }
  
  $('.content').slimScroll({
      position : 'right',
      height : 150,
      railVisible: true,
      alwaysVisible: true
  });
  </code></pre>
  
  <h1>jsfiddle</h1>
  
  <p><a href="http://jsfiddle.net/a6c6rszt/2/" rel="nofollow">http://jsfiddle.net/a6c6rszt/2/</a></p>
  
  <h1>slimscroll demo page</h1>
  
  <p><a href="http://rocha.la/jQuery-slimScroll/" rel="nofollow">http://rocha.la/jQuery-slimScroll/</a></p>