jQuery: Preventing list scroll?
<p>I have this scenario: Using an ajax query I fetch some data items and push them into a <code>ul</code> element as an <code>li</code> element. I use <code>$("ulele").append(new_li_item)</code>. I wrote my own custom scroll for this <code>ul</code> element using the following whenever an event is detected:</p>

<pre><code>$("ulele").animate({scrollTop: '+=' + 200}, 'slow');
</code></pre>

<p>The problem is when I fire that event and the list scrolls due to the <code>animate</code> function above, I want to keep it stable for at least a few seconds. When it scrolls down, elements are still being pushed so the list keeps scrolling no matter what. I am using the following way to add the li elements (which already have a <code>display:none</code> attribute):</p>

<pre><code>$("#liele").delay(6000 * i).show("slow")
</code></pre>

<p>Is there a way I can pause this from happening without really stopping the activity of pushing elements into the ul list?</p>
