Jquery / Javascript find first visible element after scroll
<p>I have code like below:</p>

<pre><code>&lt;div id="container"&gt;
&lt;div class="item" id="1"&gt;blah blah&lt;/div&gt;
&lt;div class="item" id="2"&gt;blah blah 2&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>But actually there are lots and lots of  with class='item'.  </p>

<p>Basically as the user scrolls this great long list of items I want to change the style of the current top visible one (like google reader!).  Have looked around for solution in jquery or plain javascript but can't seem to find one.  Anyone have any ideas?</p>

<p>Thanks</p>

<p>Mark</p>
