jQuery HTML transitions
<p>I have a search results list that has say 100 items in it.  When displayed the browser scroll bar appears.  no problem so far.</p>

<p>However, when the user now searches again, this time netting only 8 results, the results fit on the page and the scroll bar disappears.  Again, no problem.</p>

<p>However what I now want to do is to make this look fancy.  So I want to fade out the results, then fade in the new ones.  </p>

<p>The problem is that as you fade out, the whole window resizes, as it's designed to do, the scroll bar goes and then the new results are displayed.  If the new results require a scroll bar then this looks kinda odd as it first disappears then reappears.</p>

<p>Is there a purely jQuery way to put off the window resize, and hence keep the scroll bar visible, until the next load of results has been fully shown?</p>

<p>The effect I'm looking for is that if both results required a scroll bar then you fade out the first results, scroll bar stays, fade in the next, scroll bar stays.  rather than have it disappear and then reappear.</p>
