title: Multiple scrollable elements with slimScroll
body: <p>I use jquery slimScroll and I find it really useful, but unfortunately I have bumped into a problem with it.</p>
  
  <p>So the problem in more detail is: if we use slimScroll with an item that has another item embedded, for which we also use slimScroll (that is slimScroll is used for both items), they do not function properly together – it is very difficult. Namely: the two items cannot be scrolled separately, in no way, not if we hover the mouse over it, nor if we click in it to make it active.
  In the test page I have inserted a textarea (just type into it) which also behaves in a weird way with slimScroll.</p>
  
  <p>I made a test page:
  <a href="http://seven7.uw.hu/slimscroll/index.html" rel="nofollow">http://seven7.uw.hu/slimscroll/index.html</a></p>
  
  <p>So I call the plugin on multiple elements like so:</p>
  
  <pre><code>$(".content").slimScroll({
    'size': '8px',
    'height': '450px'
  });
  
  $(".texta").slimScroll({
    'size': '8px'
  });
  
  $(".contentInsideDiv").slimScroll({
    'size': '8px'
  });
  </code></pre>
  
  <p>As you can see from my test page sources, the content div includes the other elements.
  Thanks for the help.</p>