title: jquery.transit does not animate during scrolling
body: <p>I am producing an iPad app using phonegap, and in that connection I've taken a liking to <a href="http://ricostacruz.com/jquery.transit/" rel="nofollow">jquery.transit</a> which easily helps me with css3 animations.</p>
  
  <p>However, I encountered an obstacle. I am making an online list that will add new users as they log in. There is no problem adding DOM elements while scrolling the page, however, when adding the css3 animation to "unfold" the element, the animation only works when not scrolling. As a result elements with height: 0; will not produce the desired height:56px; when running the animation on it. </p>
  
  <p>--- EDIT ---</p>
  
  <p>It appears this problem is related to scrolling in other divs than the one running the animations. If I scroll the div containing the friendList (which is fixed with overflow auto) it works fine while scrolling. It's only a problem when scrolling the actual page and iOS native scrolling kicks in.</p>
  
  <p>--- EDIT ---</p>
  
  <p>The code looks as follow:</p>
  
  <pre><code>&lt;ul class="friendList"&gt;
    &lt;li class="friendElement"&gt;
       &lt;div class="friendWrapper"&gt;
       (content here)
       &lt;/div&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>where</p>
  
  <pre><code>.friendWrapper.entering{
     height:0;
  }
  </code></pre>
  
  <p>and on friend login:</p>
  
  <pre><code>var $friendTemplate = (... appropriate template goes here ...);
  
  function friendLogsOn(){
     var $newFriend = $friendTemplate.clone(),
     $friendList = $(".friendList"),
     nmbElements = $friendList.children().length,
     rand = Math.floor(Math.random()*nmbElements);
     $newFriend.find(".friendWrapper").addClass("entering");
     $newFriend.insertAfter($friendList.children().eq(rand));
     $newFriend.find(".friendWrapper").transition({ height: '56px' },function(){
        $(this).removeClass("entering");
     });
  }
  </code></pre>
  
  <p>I haven't been able to make jquery.transition activate animations while the user is scrolling, does anyone have a similar experience?</p>