Прокручиваемый Div, элементы которого можно увидеть

У нас есть прокручиваемый div с CSS hieght: 40px; . Внутри него несколько LI height: 20px

    <div id="#scroller">
<li title="I1">item1</li>
<li title="I2">item2</li>
<li title="I3">item3</li>
<li title="I4">item4</li>
<li title="I5">item5</li>
<li title="I6">item6</li>
<li title="I7">item7</li>
<li title="I8">item8</li>
<li title="I9">item9</li>
    </div>

Когда пользователь прокручивает, я хочу запустить скрипт, который определяет первый из двух видимых элементов. Прокрутка div предназначена для привязки к элементам. Итак, если вы прокручиваете вниз, и элемент 3 и элемент 4 видны, как мне профинансировать этот элемент 3, который является верхним видимым элементом.

Я пробовал $ ('# scroller li: visible') , но это действительно не работают, что касается div, они все видны только за их контейнером.

Любые идеи,

Чудесные