jScrollPane works for full page but how to get it to work elsewhere? Almost got it but need your help

jScrollPane works for full page but how to get it to work elsewhere? Almost got it but need your help

I would like to figure out how to make http://jscrollpane.kelvinluck.com/ work for not just full body as shown here: http://jscrollpane.kelvinluck.com/fullpage_scroll.html


that I managed to get to work but I have looked at almost all demo's and don't know how to make it work on here:


http://phpbb.miscy.net/posting.php?mode=post&f=1

  2. <div id="message-box">
  3. <textarea name="message" id="message" rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox" style="position: relative;"></textarea>
  4. </div>


I've tried adding class="scroll-pane" to the message-box div but that had not the desired result.

I got height defined:
#message-box textarea  {
  1. color:  #333333;
  2. height:  100% !important;
}

So what am I missing here? All works no errors show up in inspect element for the full page scroll but can't get it anywhere else. 


Also auto scroll doesn't seem to work anymore with this plugin how to fix that?