title: Cross-browser jQuery scrollbar operates with body tag
body: <p>I want to override browser's native scrollbars.
  There are a lot of jQuery scrollbar plugins and I tried the majority of them such as <code>jScrollPane</code>, <code>PerfectScrollbar</code>, <code>TinyScrollbar</code> etc. I tried to apply them on body tag like below:</p>
  
  <pre><code>    $('html').css({"overflow":"hidden"}); //hide native scrollbars
      $('body').perfectScrollbar({wheelSpeed:10});
      //or
      //$('#scrollbar').perfectScrollbar({wheelSpeed:10});
  </code></pre>
  
  <p>It works improper way! So, I have a content div which is generated dynamically and its height is bigger than size of window, but there is no scrolls. Seems to me it works only with some div which has fixed size. It doesn't work even if I wrap some dynamic content in <code>div</code>:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id='scrollbar'&gt;
  &lt;div id=dynamicContent'&gt;It is filled by jQuery ajax&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>So my question is how to modify any jQuery scrollbar plugin to work with dynamic content? I'd prefer to use <code>TinyScrollbar</code> because of its small size or <code>PerfectScrollbar</code>.</p>