title: How bind the scroll event on a Live()?
body: <p>A while ago I've solve an issue for someone that <a href="https://stackoverflow.com/questions/4717635/jquery-building-an-autoresizing-textarea-that-doesnt-flash-on-resize">wanted his textarea to grow</a>. I've made a function that listens to the <code>scroll</code> and <code>keyup</code> events of the area and recalculates the number of rows. I wanted to use the code in another project, but there's a problem. The textarea's are not know  To solve this, I'm using <code>live</code> instead of <code>bind</code>, so that future area's will be bound as well.</p>
  
  <p>Now I'm finding that the <code>live</code> executes a lot slower than a <code>bind</code>. I've created <a href="http://jsfiddle.net/KeesCBakker/2D8Kf/" rel="nofollow noreferrer">a simplified example on jsFiddle</a>. The upper textarea behaves as I want, but newly added ones flicker due to the late signaling (I'm using Chrome).</p>
  
  <p><strike><strong>How can I make the <code>live</code> as fast as the <code>bind</code>?</strong></strike> The problem is that the <code>scroll</code> can't be used with a <code>live</code> statement. <strong>Is there a way to enable <code>scroll</code> for <code>live</code>?</strong> Is there maybe a jQuery event that signals me that a new TextArea has been added, so I can use a bind to add the <code>scroll</code> on the newly created element?</p>
  
  <p>I'm looking forward to your ideas.</p>
  
  <p><strong>EDIT:</strong> Changed link to the code. Removed scrollingCode. Added another button to create a different textarea. The problem has to do with 'scroll'. It doesn't fire.</p>
  
  <p><strong>Clarification:</strong> I will not know what function will create the textarea's. I see flickering on the dynamically added boxes in <strong>Chrome</strong>.</p>
  
  <p>For future readers:</p>
  
  <blockquote>
    <p>In jQuery 1.3.x only the following
    JavaScript events (in addition to
    custom events) could be bound with
    .live(): <code>click, dblclick, keydown,
    keypress, keyup, mousedown, mousemove,
    mouseout, mouseover, and mouseup</code>. As
    of jQuery 1.4 the .live() method
    supports custom events as well as all
    JavaScript events that bubble. As of
    jQuery 1.4.1 even focus and blur work
    with live (mapping to the more
    appropriate, bubbling, events focusin
    and focusout). As of jQuery 1.4.1 the
    hover event can be specified (mapping
    to mouseenter and mouseleave, which,
    in turn, are mapped to mouseover and
    mouseout).</p>
  </blockquote>