Пользовательский интерфейс jQuery, Draggable, Droppable, Auto Scroll

У меня есть набор удаляемых элементов li, которые принимают перетаскиваемый значок. Список элементов находится в прокручиваемом элементе div. Я собрал здесь простой пример: http://www.nerdydork.com/demos/dragscroll/

I ' m интересно, есть ли способ автоматической прокрутки списка элементов при перетаскивании перетаскиваемого элемента. Например, предположим, что вы находитесь где-то посередине, например http://www.nerdydork.com/demos/dragscroll/#j . Когда вы приближаетесь к верхней части div, он начинает прокручиваться вверх, когда вы приближаетесь к нижней части div, он начинает прокручиваться вниз.

Кто-нибудь знает, как сделать это с помощью jQuery?

ОБНОВЛЕНИЕ

I ' м все ближе. Я создал фиксированный div в верхней и нижней частях контейнера div. При наведении курсора на него запускается автопрокрутка с использованием http://plugins.jquery.com/project/aautoscroll

Теперь проблема в том, что когда я наводил курсор на нижнюю область, это мешало перетаскивать буквы. Это только кажется проблемой с нижней областью автопрокрутки.

Чтобы увидеть ошибку, о которой я говорю, посмотрите это короткое видео: http://screencast.com/t/JBFWzhPzGfz

Обратите внимание, как при автопрокрутке вниз курсор находится НЕ над правой буквой. Ближе к концу видео вы можете увидеть, что если вы наводите курсор на левое поле списка, он каким-то образом сбрасывается и, кажется, снова работает.